/* ============================================================ 屏墩墩·县（市）域AI赋能官 pddun.com.cn 全站样式 v1.1 —— 支持浅色/深色双主题 切换方式： 或 body[data-theme="light"] ============================================================ */ /* ---- 默认深色主题变量 ---- */ :root{ --bg:#0A0E1A; --bg2:#0D1117; --bg3:#11151f; --card:#141B2D; --card2:#161B22; --card-hover:#1a2238; --gold:#c9a227; --gold2:#C9A227; --gold-soft:rgba(212,175,55,.12); --gold-grad:linear-gradient(135deg,#D4AF37,#F5E6A3); --green:#2EA043; --green-soft:rgba(46,160,67,.12); --blue:#4A90E2; --blue-soft:rgba(74,144,226,.12); --text:#f2f5f9; --heading:#FFFFFF; --muted:#8B949E; --mute2:#6E7681; --border:#2D333B; --border2:#30363D; --border-hover:#3e4754; --input-bg:#0A0E1A; --input-border:#30363D; --input-focus-border:var(--gold); --note-bg:rgba(212,175,55,.1); --note-border:rgba(212,175,55,.4); --warn-bg:rgba(210,153,34,.1); --warn-border:rgba(210,153,34,.4); --shadow-card:0 14px 34px rgba(0,0,0,.45); --shadow-nav:0 4px 24px rgba(0,0,0,.5); --shadow-gold:0 8px 22px rgba(212,175,55,.26); --radius:12px; --maxw:1200px; --pad:24px; --gap:24px; --font:"Source Han Sans SC","Noto Sans SC","PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --font-num:"DIN Alternate","Bahnschrift",Impact,Arial Black,Arial,sans-serif; } /* ---- 浅色主题变量覆盖 ---- */ [data-theme="light"]{ --bg:#F4F5F8; --bg2:#FFFFFF; --bg3:#ECEEF2; --card:#FFFFFF; --card2:#F8F9FB; --card-hover:#FFFFFF; --text:#1A1A1A; --heading:#0F1115; --muted:#5A5A5A; --mute2:#8B949E; --border:#E5E7EB; --border2:#D1D5DB; --border-hover:#9CA3AF; --input-bg:#FFFFFF; --input-border:#D1D5DB; --input-focus-border:var(--gold2); --note-bg:rgba(212,175,55,.08); --note-border:rgba(212,175,55,.45); --warn-bg:rgba(210,153,34,.08); --warn-border:rgba(210,153,34,.45); --shadow-card:0 10px 28px rgba(0,0,0,.09); --shadow-nav:0 2px 12px rgba(0,0,0,.08); --shadow-gold:0 8px 22px rgba(212,175,55,.35); } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth;scroll-padding-top:90px} body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.75;font-size:16px;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s} a{color:inherit;text-decoration:none;transition:color .2s} a:hover{color:var(--gold)} img{max-width:100%;display:block} ul,ol{list-style:none} h1,h2,h3,h4{color:var(--heading);line-height:1.3;font-weight:700} .container{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)} .gold{color:var(--gold)}.muted{color:var(--muted)}.success{color:var(--green)} .center{text-align:center} .num{font-family:var(--font-num);letter-spacing:.5px} /* ================= NAV ================= */ .nav{position:sticky;top:0;z-index:100;background:rgba(10,14,26,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:.3s} [data-theme="light"] .nav{background:rgba(255,255,255,.9)} .nav.scrolled{background:rgba(10,14,26,.96);box-shadow:var(--shadow-nav)} [data-theme="light"] .nav.scrolled{background:rgba(255,255,255,.98)} .nav .inner{display:flex;align-items:center;gap:20px;height:70px} .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;white-space:nowrap;color:var(--heading)} .logo .nav-logo-img{height:40px !important;width:auto;border-radius:8px;object-fit:contain} .logo b{color:var(--gold)} .nav .menu{display:flex;gap:4px;margin-left:auto;align-items:center} .nav .menu a{padding:8px 14px;border-radius:8px;font-size:15px;color:var(--text);white-space:nowrap} .nav .menu a:hover,.nav .menu a.active{color:var(--gold);background:var(--gold-soft)} .nav .nav-right{display:flex;align-items:center;gap:10px;margin-left:8px} .nav-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--border);color:var(--text);font-size:20px;width:40px;height:40px;border-radius:8px;cursor:pointer} /* 主题切换按钮 */ .theme-toggle{display:flex;align-items:center;gap:6px;border:1px solid var(--border);background:transparent;color:var(--muted);padding:8px 14px;border-radius:20px;cursor:pointer;font-size:14px;transition:.2s} .theme-toggle:hover{border-color:var(--gold);color:var(--gold)} .theme-toggle .icon{font-size:15px} /* ================= BUTTONS ================= */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font);font-weight:700;font-size:15px;padding:13px 28px;border-radius:30px;cursor:pointer;border:1px solid transparent;transition:.24s} .btn-gold{background:var(--gold-grad);color:#1a1206;box-shadow:var(--shadow-gold)} .btn-gold:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(212,175,55,.42);color:#1a1206} .btn-outline{border-color:var(--gold);color:var(--gold);background:transparent} .btn-outline:hover{background:var(--gold-soft);transform:translateY(-2px)} .btn-ghost{border-color:var(--border2);color:var(--muted);background:transparent} .btn-ghost:hover{color:var(--gold);border-color:var(--gold)} .btn-sm{padding:9px 18px;font-size:14px} .btn-block{width:100%} .btn[disabled]{opacity:.45;cursor:not-allowed;transform:none!important} /* ================= HERO ================= */ .hero{position:relative;overflow:hidden;padding:90px 0 70px;background:linear-gradient(135deg,#0A0E1A 0%,#0D1117 55%,#141B2D 100%)} .hero::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 420px at 78% -8%,rgba(212,175,55,.16),transparent),radial-gradient(700px 380px at 8% 108%,rgba(46,160,67,.1),transparent);pointer-events:none} [data-theme="light"] .hero{background:linear-gradient(135deg,#F4F5F8 0%,#FFFFFF 55%,#EFF1F5 100%)} [data-theme="light"] .hero::before{background:radial-gradient(900px 420px at 78% -8%,rgba(212,175,55,.14),transparent),radial-gradient(700px 380px at 8% 108%,rgba(46,160,67,.07),transparent)} .hero .container{position:relative} .badge{display:inline-block;font-size:13px;letter-spacing:1.5px;color:var(--gold);border:1px solid rgba(212,175,55,.4);border-radius:20px;padding:6px 16px;margin-bottom:22px} .hero h1{font-size:clamp(30px,4.6vw,50px);font-weight:900;margin-bottom:18px;color:var(--heading)} .hero h1 .hl{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent} [data-theme="light"] .hero h1 .hl{background:none;-webkit-background-clip:initial;background-clip:initial;color:#000000} .hero h1 .hl.big{font-size:1.25em;display:inline-block;vertical-align:baseline;margin:0 2px} .hero .sub{font-size:clamp(16px,2vw,21px);color:var(--gold);font-weight:600;margin-bottom:10px} .hero .sub2{font-size:15px;color:var(--muted);max-width:720px;margin:0 auto 32px} .hero .btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:44px} /* ================= STATS ================= */ .stats{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap);max-width:1000px;margin:0 auto} .stat{text-align:center;padding:20px 10px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(20,27,45,.6)} [data-theme="light"] .stat{background:rgba(255,255,255,.75);box-shadow:0 2px 10px rgba(0,0,0,.05)} .stat .v{font-family:var(--font-num);font-size:30px;font-weight:900;color:var(--gold);line-height:1.1} .stat .l{font-size:13px;color:var(--muted);margin-top:6px} /* ================= SECTIONS ================= */ section{padding:80px 0;transition:background .25s} .sec-alt{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)} [data-theme="light"] .sec-alt{background:linear-gradient(180deg,rgba(0,0,0,.03),transparent)} .sec-head{text-align:center;margin-bottom:52px} .sec-head .tag{color:var(--gold);font-weight:700;letter-spacing:1px;font-size:14px} .sec-head h2{font-size:clamp(24px,3.2vw,34px);font-weight:900;margin:10px 0 12px;color:var(--heading)} .sec-head p{color:var(--muted)} /* ================= CARDS ================= */ .grid{display:grid;gap:var(--gap);justify-content: center !important; justify-items: center !important; margin: 0 auto !important; } .g2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-content:center} .g3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center} .g4{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-content:center} .g5{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-content:center} .card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:26px;transition:.24s} .card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--shadow-card);background:var(--card-hover)} .card .ic{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:23px;background:var(--gold-soft);margin-bottom:14px} .card h3{font-size:19px;margin-bottom:8px;color:var(--heading)} .card p{color:var(--muted);font-size:14.5px} .card .amt{font-family:var(--font-num);font-size:25px;font-weight:900;color:var(--gold);margin:6px 0} .tagline{display:inline-block;font-size:12px;font-weight:700;color:#1a1206;background:var(--gold-grad);border-radius:20px;padding:3px 11px;margin-bottom:8px} .tagline.green{background:var(--green);color:#fff} /* ================= NOTE BOX ================= */ .note{background:var(--note-bg);border:1px solid var(--note-border);border-left:4px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0;padding:20px 22px;color:var(--text);font-size:15px} .note b{color:var(--gold)} .note.warn{background:var(--warn-bg);border-color:var(--warn-border);border-left-color:var(--warn-border)} .note.warn b{color:#B45309} [data-theme="light"] .note.warn b{color:#B45309} /* ================= TABLE ================= */ .tbl-wrap{overflow-x:auto} table.tbl{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);font-size:15px} table.tbl th,table.tbl td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border)} table.tbl th{background:rgba(212,175,55,.1);color:var(--gold);font-weight:700;white-space:nowrap} table.tbl tr:last-child td{border-bottom:none} table.tbl td b{color:var(--gold)} table.tbl tbody tr:hover{background:rgba(128,128,128,.04)} /* ================= STEPS / TIMELINE ================= */ .steps{counter-reset:s;display:grid;gap:16px} .step{display:flex;gap:18px;align-items:flex-start;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px} .step .n{counter-increment:s;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:var(--gold-grad);color:#1a1206;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:19px} .step .n::before{content:counter(s)} .step h4{font-size:17px;margin-bottom:5px;color:var(--heading)} .step p{color:var(--muted);font-size:14.5px} .timeline{position:relative;padding-left:34px} .timeline::before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--gold),rgba(212,175,55,.15))} .tl-item{position:relative;margin-bottom:26px} .tl-item::before{content:"";position:absolute;left:-29px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(212,175,55,.18)} .tl-item h4{font-size:18px;margin-bottom:5px;color:var(--heading)} .tl-item p{color:var(--muted);font-size:14.5px} /* ================= ACCORDION (FAQ) ================= */ .acc{display:grid;gap:12px} .acc-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden} .acc-item[open]{border-color:var(--gold)} .acc-item summary{cursor:pointer;padding:17px 20px;font-weight:700;font-size:16px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;color:var(--heading)} .acc-item summary::-webkit-details-marker{display:none} .acc-item summary::after{content:"+";color:var(--gold);font-size:23px;font-weight:700;flex:0 0 auto} .acc-item[open] summary::after{content:"−"} .acc-body{padding:0 20px 18px;color:var(--muted);font-size:15px} .cat{font-size:12px;color:var(--gold);border:1px solid rgba(212,175,55,.4);border-radius:20px;padding:2px 10px;margin-left:10px;white-space:nowrap;font-weight:400} .filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:30px} .filter{padding:8px 18px;border:1px solid var(--border);border-radius:22px;font-size:14px;cursor:pointer;background:transparent;color:var(--muted);transition:.2s;font-family:var(--font)} .filter:hover{color:var(--gold);border-color:var(--gold)} .filter.active{background:var(--gold-grad);color:#1a1206;border-color:transparent;font-weight:700} /* ================= FORM ================= */ .form-wrap{max-width:780px;margin:0 auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:34px} .frow{display:grid;grid-template-columns:repeat(2,1fr);gap:18px} .fgroup{margin-bottom:18px} .fgroup.full{grid-column:1/-1} label.fl{display:block;font-size:14.5px;color:var(--heading);margin-bottom:7px;font-weight:600} label.fl .req{color:var(--gold);margin-left:3px} input[type=text],input[type=tel],input[type=email],select,textarea{width:100%;background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;padding:13px 15px;color:var(--text);font-size:15px;font-family:var(--font);transition:.2s} input:focus,select:focus,textarea:focus{outline:none;border-color:var(--input-focus-border);box-shadow:0 0 0 3px var(--gold-soft)} ::placeholder{color:var(--mute2)} .hint{font-size:12.5px;color:var(--mute2);margin-top:5px} .err{font-size:12.5px;color:#F85149;margin-top:5px;display:none} .fgroup.invalid input,.fgroup.invalid select{border-color:#F85149} .checks{display:grid;gap:12px;margin:22px 0} .chk{display:flex;gap:11px;align-items:flex-start;font-size:14px;color:var(--muted);cursor:pointer;line-height:1.6} .chk input{margin-top:3px;width:17px;height:17px;accent-color:var(--gold);flex:0 0 auto} .chk a{color:var(--gold);text-decoration:underline} .opt-grid{display:flex;gap:10px;flex-wrap:wrap} .opt{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:1px solid var(--border2);border-radius:22px;font-size:14px;cursor:pointer;transition:.2s;color:var(--muted)} .opt:hover{border-color:var(--gold);color:var(--gold)} .opt input{accent-color:var(--gold)} .opt.sel{border-color:var(--gold);background:var(--gold-soft);color:var(--gold)} /* range slider */ .slider-row{display:grid;gap:6px;margin-bottom:20px} .slider-head{display:flex;justify-content:space-between;align-items:center;font-size:14.5px} .slider-head .val{font-family:var(--font-num);color:var(--gold);font-weight:700;font-size:17px} input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--border2);outline:none} input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--gold-grad);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.4)} input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--gold);cursor:pointer;border:none} /* ================= CALCULATOR RESULT ================= */ .calc-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--gap);align-items:start} .panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px} .panel h3{font-size:19px;margin-bottom:20px;color:var(--gold)} .total-box{text-align:center;padding:26px;background:linear-gradient(135deg,rgba(212,175,55,.14),transparent);border:1px solid rgba(212,175,55,.35);border-radius:var(--radius);margin-bottom:22px} .total-box .lb{font-size:14px;color:var(--muted)} .total-box .big{font-family:var(--font-num);font-size:46px;font-weight:900;color:var(--gold);line-height:1.15} .total-box .sm{font-size:13px;color:var(--mute2);margin-top:6px} .pie-wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:center} .pie{width:170px;height:170px;border-radius:50%;flex:0 0 auto;background:#2D333B} .legend{display:grid;gap:9px;font-size:14px} .legend div{display:flex;align-items:center;gap:9px;color:var(--muted)} .legend i{width:13px;height:13px;border-radius:3px;display:inline-block;flex:0 0 auto} .legend b{color:var(--heading);margin-left:2px} /* ================= BACK TO TOP ================= */ .totop{position:fixed;right:26px;bottom:26px;width:48px;height:48px;border-radius:50%;background:var(--gold-grad);color:#1a1206;border:none;font-size:22px;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:90;box-shadow:0 6px 20px rgba(0,0,0,.45)} .totop.show{display:flex} .totop:hover{transform:translateY(-3px)} /* ================= FOOTER v2（集团官网同款） ================= */ .foot{background:var(--bg2);color:var(--text);border-top:1px solid var(--border);padding:58px 0 0;margin-top:20px;font-size:15px} .foot a{color:var(--text)} .foot a:hover{color:var(--gold)} .foot .fg{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px} .foot .brand .logo-txt{font-size:26px;font-weight:900;color:var(--gold);margin-bottom:10px;letter-spacing:.5px} .foot .brand .company{font-weight:700;font-size:15px;margin-bottom:8px;color:var(--text)} .foot .brand .slogan{color:var(--muted);font-size:14px} .foot h4{font-size:15px;font-weight:700;color:var(--gold);margin-bottom:18px} .foot p,.foot li{color:var(--muted);font-size:14px;line-height:1.8} .foot ul{display:grid;gap:8px} .foot li a{color:var(--muted)} .foot li a:hover{color:var(--gold)} .foot .qr{max-width:130px;border-radius:8px;background:#fff;padding:6px;box-shadow:0 4px 14px rgba(0,0,0,.08)} .foot .qr-cap{text-align:center;font-size:12px;color:var(--muted);margin-top:8px} .foot .btn-kefu{display:inline-flex;align-items:center;gap:8px;background:#B08D2B;color:#fff;padding:10px 22px;border-radius:24px;font-weight:700;margin-top:12px} .foot .btn-kefu:hover{background:#9A7822;color:#fff} .foot .bottom-bar{border-top:1px solid var(--border);padding:16px 0;text-align:center;font-size:13px;color:var(--muted);line-height:1.9} .foot .bottom-bar a{color:var(--muted)} .foot .bottom-bar a:hover{color:var(--gold)} .foot .back-group{display:block;text-align:center;padding:14px 0 22px;color:var(--gold);font-weight:700;font-size:15px} .foot .back-group:hover{color:var(--gold)} /* 顶部「集团官网」跳转按钮 */ .group-link{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border2);color:var(--muted);background:transparent;padding:8px 16px;border-radius:20px;font-size:14px;transition:.2s} .group-link:hover{color:var(--gold);border-color:var(--gold)} [data-theme="light"] .group-link{border-color:#D1D5DB;color:#5A5A5A} [data-theme="light"] .group-link:hover{color:#c0a02e;border-color:#B08D2B} /* ================= FOOTER v1 旧版（保留兼容） ================= */ .foot-v1{background:var(--bg2);border-top:1px solid var(--border);padding:52px 0 26px;margin-top:20px} .foot-v1 .fg{display:grid;grid-template-columns:1.4fr 1fr 1.1fr;gap:40px;margin-bottom:34px} .foot-v1 h4{font-size:16px;margin-bottom:14px;color:var(--gold)} .foot-v1 p,.foot-v1 li{color:var(--muted);font-size:14.5px} .foot-v1 ul{display:grid;gap:9px} .foot-v1 li a{color:var(--muted)} .foot-v1 li a:hover{color:var(--gold)} .foot-v1 .links{display:grid;grid-template-columns:repeat(2,1fr);gap:9px} .foot-v1 .copy{border-top:1px solid var(--border);padding-top:22px;text-align:center;font-size:13.5px;color:var(--mute2)} .foot-v1 .copy a{color:var(--muted)} .foot-v1 .copy a:hover{color:var(--gold)} /* back bar (详情页返回) */ .backbar{background:rgba(13,17,23,.92);border-bottom:1px solid var(--border);padding:11px 0;position:sticky;top:70px;z-index:80} [data-theme="light"] .backbar{background:rgba(255,255,255,.92)} .backbar .inner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:14px} .backbar .crumb{color:var(--mute2)} .backbar .crumb a{color:var(--muted)} .backbar .crumb a:hover{color:var(--gold)} .backbar .sp{flex:1} /* ================= RESPONSIVE ================= */ @media(max-width:1200px){.stats{grid-template-columns:repeat(3,1fr)}.g5{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(2,1fr)}} @media(max-width:992px){ .nav .menu{display:none;position:absolute;top:70px;left:0;right:0;background:var(--bg2);border-bottom:1px solid var(--border);padding:12px var(--pad);flex-direction:column;gap:6px} .nav .menu.open{display:flex} .nav-toggle{display:block} .calc-grid{grid-template-columns:1fr} .foot .fg{grid-template-columns:1fr 1fr;gap:28px} [data-theme="light"] .nav .menu{background:#fff} /* 移动端下拉菜单对齐修复 */ .nav .menu .menu-dropdown{width:100%;display:flex;flex-direction:column;gap:6px} .nav .menu .menu-dropdown > a{width:100%;box-sizing:border-box} .nav .menu .dropdown-panel{display:flex;flex-direction:column;gap:4px;padding-left:20px;width:100%;box-sizing:border-box} .nav .menu .dropdown-panel a{padding:8px 14px;border-radius:8px;font-size:14px;color:var(--text);width:100%;box-sizing:border-box;border:1px solid var(--border)} .nav .menu .dropdown-panel a:hover{color:var(--gold);background:var(--gold-soft)} .nav .menu a{width:100%;box-sizing:border-box;text-align:left} } @media(max-width:768px){ section{padding:48px 0} .hero{padding:60px 0 46px} .g2,.g3,.g4,.g5{grid-template-columns:repeat(2,1fr)} .stats{grid-template-columns:repeat(2,1fr)} .frow{grid-template-columns:repeat(2,1fr)} .foot .fg{grid-template-columns:1fr} .form-wrap{padding:22px} .total-box .big{font-size:38px} .backbar{top:0} .nav .nav-right{display:flex} /* 课程表：移动端转为宫格卡片 */ .course-tbl-wrap{overflow:visible} .course-schedule, .course-schedule thead, .course-schedule tbody, .course-schedule tr, .course-schedule td{display:block} .course-schedule thead{display:none} .course-schedule tbody{display:grid;grid-template-columns:1fr;gap:16px} .course-schedule tr{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-card)} .course-schedule td{padding:10px 0;border-bottom:1px solid var(--border);font-size:14.5px;line-height:1.6} .course-schedule td:last-child{border-bottom:none;padding-bottom:0;text-align:right} .course-schedule td::before{content:attr(data-label);display:block;font-size:12px;font-weight:700;color:var(--gold);margin-bottom:3px} .course-schedule td:first-child{font-size:17px;font-weight:700} } @media(max-width:480px){ .stats{grid-template-columns:repeat(2,1fr)} .hero h1{font-size:26px} .btn{padding:12px 20px;font-size:14px} .theme-toggle{padding:7px 10px} .nav .nav-right{gap:6px} .group-link{padding:7px 10px;font-size:13px} .theme-toggle .txt{display:none} .nav-cta{padding:8px 14px;font-size:13px} .foot .fg{grid-template-columns:1fr} } /* FORCE DARK FOOTER FIX */ [data-theme="dark"] .foot{background:#0D1117 !important;color:#f2f5f9 !important} [data-theme="dark"] .foot a{color:#f2f5f9 !important} [data-theme="dark"] .foot a:hover{color:#e8c547 !important} [data-theme="dark"] .foot p{color:#9CA3AF !important} [data-theme="dark"] .foot li{color:#9CA3AF !important} [data-theme="dark"] .foot .brand .company{color:#f2f5f9 !important} [data-theme="dark"] .foot .brand .slogan{color:#9CA3AF !important} [data-theme="dark"] .foot h4{color:#e8c547 !important} [data-theme="dark"] .foot .brand .logo-txt{color:#e8c547 !important} [data-theme="dark"] .foot .bottom-bar{border-top-color:#1F2937 !important;color:#9CA3AF !important} [data-theme="dark"] .foot .bottom-bar a{color:#9CA3AF !important} [data-theme="dark"] .foot .qr-cap{color:#9CA3AF !important} [data-theme="dark"] .foot li a{color:#9CA3AF !important} [data-theme="dark"] .foot .back-group{color:#e8c547 !important} /* ========== PC端卡片强制居中 ========== */ @media (min-width: 769px) { .grid, .grid.g4, .grid.g3, .grid.g2 { margin-left: auto !important; margin-right: auto !important; justify-content: center !important; justify-items: center !important; place-content: center !important; float: none !important; } .sec-head { text-align: center !important; margin-left: auto !important; margin-right: auto !important; } section.sec-alt, section.agent-section { text-align: center !important; } /* 保持卡片内文字左对齐 */ .grid .card { text-align: left !important; } } /* ========== PC端专用样式（只在屏幕宽度>768px时生效） ========== */ @media (min-width: 769px) { /* 导航栏强制横排 */ header.nav .container.inner { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; } header.nav nav.menu { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 8px !important; flex-wrap: nowrap !important; margin-left: auto !important; } header.nav nav.menu a { display: inline-block !important; white-space: nowrap !important; } /* 下拉菜单 */ header.nav .menu-dropdown { position: relative !important; display: inline-block !important; } header.nav .menu-dropdown .dropdown-content { display: none !important; position: absolute !important; top: 100% !important; left: 0 !important; flex-direction: column !important; background: #111122 !important; border: 1px solid rgba(212,175,55,0.3) !important; border-radius: 8px !important; padding: 8px 0 !important; min-width: 160px !important; z-index: 1000 !important; } header.nav .menu-dropdown:hover .dropdown-content { display: flex !important; } /* 右上角按钮横排 */ header.nav .nav-right { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 10px !important; flex-wrap: nowrap !important; } /* PC端隐藏汉堡菜单 */ header.nav .nav-toggle { display: none !important; } /* 两个板块改成上下排列（二宫格） */ .agent-container { display: flex !important; flex-direction: column !important; gap: 24px !important; align-items: stretch !important; } .policy-collapsible, .de-collapsible { width: 100% !important; box-sizing: border-box !important; flex: 1 1 100% !important; } } /* ===== LIGHT MODE - 全面文字颜色修正 ===== */ /* 大标题用金色，小字体用黑色 */ body.theme-light { color: #333333 !important; } body.theme-light h1, body.theme-light h2, body.theme-light h3, body.theme-light h4, body.theme-light h5, body.theme-light h6 { color: #c9a227 !important; } body.theme-light p, body.theme-light span, body.theme-light li, body.theme-light td, body.theme-light th, body.theme-light label { color: #333333 !important; } body.theme-light a { color: #c9a227 !important; } /* 滚动条 */ body.theme-light .live-ticker { background: linear-gradient(90deg,#f5f5f5,#eeeeee,#f5f5f5) !important; border-bottom: 2px solid rgba(212,175,55,.3) !important; } body.theme-light .ticker-item { color: #333333 !important; } body.theme-light .ticker-label { color: #c9a227 !important; background: rgba(212,175,55,.15) !important; } /* 入口卡片 */ body.theme-light .entry-card, body.theme-light .role-card, body.theme-light .action-card, body.theme-light .user-card { color: #333333 !important; } body.theme-light .entry-card h3, body.theme-light .entry-card h4, body.theme-light .role-card h3, body.theme-light .role-card h4, body.theme-light .action-card h3, body.theme-light .action-card h4 { color: #333333 !important; } body.theme-light .entry-card p, body.theme-light .entry-card span, body.theme-light .role-card p, body.theme-light .role-card span, body.theme-light .action-card p, body.theme-light .action-card span { color: #555555 !important; } body.theme-light .entry-card a, body.theme-light .role-card a, body.theme-light .action-card a { color: #c9a227 !important; } /* 数据展示 */ body.theme-light .data-num { color: #333333 !important; } body.theme-light .data-label { color: #333333 !important; } body.theme-light .stat-number { color: #333333 !important; } body.theme-light .stat-label { color: #333333 !important; } /* 热门智能体 */ body.theme-light .agent-row { background: #ffffff !important; border: 1px solid rgba(212,175,55,.2) !important; color: #333333 !important; } body.theme-light .agent-row h3, body.theme-light .agent-row h4 { color: #c9a227 !important; } body.theme-light .agent-row p, body.theme-light .agent-row span { color: #555555 !important; } body.theme-light .agent-row .price { color: #c9a227 !important; } body.theme-light .agent-avatar { background: #f0f0f0 !important; } /* 案例卡片 */ body.theme-light .case-card { background: #ffffff !important; border: 1px solid rgba(212,175,55,.2) !important; color: #333333 !important; } body.theme-light .case-card h3, body.theme-light .case-card h4 { color: #c9a227 !important; } body.theme-light .case-card p { color: #555555 !important; } body.theme-light .case-card a { color: #c9a227 !important; } /* 其他卡片 */ body.theme-light .matrix-card, body.theme-light .news-card, body.theme-light .video-card, body.theme-light .feature-card, body.theme-light .pricing-card, body.theme-light .testimonial-card, body.theme-light .faq-item, body.theme-light .card { background: #ffffff !important; border: 1px solid rgba(212,175,55,.2) !important; color: #333333 !important; } body.theme-light .matrix-card h3, body.theme-light .news-card h3, body.theme-light .feature-card h3, body.theme-light .pricing-card h3, body.theme-light .card h3, body.theme-light .card h4 { color: #c9a227 !important; } body.theme-light .matrix-card p, body.theme-light .news-card p, body.theme-light .feature-card p, body.theme-light .pricing-card p, body.theme-light .card p { color: #555555 !important; } /* 按钮和标签 */ body.theme-light .tab-btn { background: #e8e8e8 !important; color: #666666 !important; } body.theme-light .tab-btn.active { background: #D4AF37 !important; color: #000000 !important; } body.theme-light .buy-btn, body.theme-light .btn-primary, body.theme-light .btn-gold { background: #D4AF37 !important; color: #000000 !important; } body.theme-light .tag, body.theme-light .badge { background: #fffdf5 !important; color: #c9a227 !important; border: 1px solid rgba(212,175,55,.3) !important; } body.theme-light .rank, body.theme-light .rank-num { background: #D4AF37 !important; color: #000000 !important; } body.theme-light .stars, body.theme-light .rating { color: #c9a227 !important; } /* 板块背景 */ body.theme-light .hot-agents, body.theme-light .real-cases, body.theme-light .entry-cards, body.theme-light .data-showcase, body.theme-light .agent-section, body.theme-light .sec, body.theme-light section { background: #f5f5f5 !important; } /* OPT板块 */ body.theme-light .opt-section { background: #f5f5f5 !important; } body.theme-light .opt-card { background: #ffffff !important; border: 1px solid rgba(212,175,55,.2) !important; } body.theme-light .opt-card-title { color: #c9a227 !important; } body.theme-light .opt-card-desc { color: #333333 !important; } body.theme-light .opt-title { color: #c9a227 !important; } body.theme-light .opt-subtitle { color: #555555 !important; } body.theme-light .opt-stat-number { color: #c9a227 !important; background: linear-gradient(135deg,#B8860B,#D4AF37,#F5D76E) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } body.theme-light .opt-stat-label { color: #333333 !important; } /* 页脚 */ body.theme-light footer, body.theme-light .footer, body.theme-light .pddun-ft { background: #f0f0f0 !important; color: #555555 !important; } body.theme-light footer h3, body.theme-light footer h4, body.theme-light .footer h3, body.theme-light .footer h4, body.theme-light .pddun-ft-col h4 { color: #c9a227 !important; } body.theme-light footer a, body.theme-light .footer a, body.theme-light .pddun-ft-col a { color: #666666 !important; } /* LIGHT TICKER FIX */ [data-theme="light"] { --ticker-bg: linear-gradient(90deg,#f5f5f5,#eeeeee,#f5f5f5) !important; } [data-theme="light"] .live-ticker { background: linear-gradient(90deg,#f5f5f5,#eeeeee,#f5f5f5) !important; } [data-theme="light"] .ticker-item { color: #333333 !important; } [data-theme="light"] .ticker-label { color: #c9a227 !important; background: rgba(212,175,55,.15) !important; } body.theme-light { --ticker-bg: linear-gradient(90deg,#f5f5f5,#eeeeee,#f5f5f5) !important; } body.theme-light .live-ticker { background: linear-gradient(90deg,#f5f5f5,#eeeeee,#f5f5f5) !important; } body.theme-light .ticker-item { color: #333333 !important; } body.theme-light .ticker-label { color: #c9a227 !important; background: rgba(212,175,55,.15) !important; } /* ===== LIGHT MODE GOLD BRIGHTNESS BOOST ===== */ body.theme-light h1, body.theme-light h2, body.theme-light h3, body.theme-light h4, body.theme-light h5, body.theme-light h6 { color: #c9a227 !important; } body.theme-light a { color: #c9a227 !important; } body.theme-light .price, body.theme-light .rating, body.theme-light .stars, body.theme-light .opt-stat-number, body.theme-light .data-num, body.theme-light .stat-number, body.theme-light .tag, body.theme-light .badge, body.theme-light .rank, body.theme-light .rank-num { color: #c9a227 !important; } body.theme-light .opt-stat-number { background: linear-gradient(135deg,#D4AF37,#E8C547,#FFE8A3) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } body.theme-light .buy-btn, body.theme-light .btn-primary, body.theme-light .btn-gold, body.theme-light .tab-btn.active { background: #E8C547 !important; color: #000000 !important; } body.theme-light .rank-gold { background: linear-gradient(135deg,#FFE8A3,#E8C547) !important; } body.theme-light .ticker-label { color: #c9a227 !important; background: rgba(232,197,71,.15) !important; } body.theme-light .tag-hot { background: #FEE2E2 !important; color: #DC2626 !important; } body.theme-light .tag-new { background: #DBEAFE !important; color: #2563EB !important; } [data-theme="light"] h1, [data-theme="light"] h2, [data-theme="light"] h3, [data-theme="light"] h4, [data-theme="light"] h5, [data-theme="light"] h6 { color: #c9a227 !important; } [data-theme="light"] a { color: #c9a227 !important; } [data-theme="light"] .price, [data-theme="light"] .rating, [data-theme="light"] .opt-stat-number, [data-theme="light"] .data-num, [data-theme="light"] .stat-number { color: #c9a227 !important; } [data-theme="light"] .buy-btn, [data-theme="light"] .tab-btn.active { background: #E8C547 !important; color: #000000 !important; } /* AGENT ROW ALIGN FIX */ .agent-meta { width: 100px !important; } /* LIGHT MODE - OPT BADGE & QUOTE FIX */ body.theme-light .opt-badge { background: #fffdf5 !important; color: #c9a227 !important; border: 1px solid rgba(212,175,55,.3) !important; } body.theme-light .opt-badge-gold { background: rgba(232,197,71,.15) !important; color: #c9a227 !important; } body.theme-light .opt-badge-orange { background: rgba(255,107,53,.1) !important; color: #c9902a !important; } body.theme-light .opt-quote { color: #333333 !important; } body.theme-light .opt-card-desc { color: #555555 !important; } body.theme-light .opt-stat-label { color: #333333 !important; } [data-theme="light"] .opt-badge { background: #fffdf5 !important; color: #c9a227 !important; border: 1px solid rgba(212,175,55,.3) !important; } [data-theme="light"] .opt-quote { color: #333333 !important; } [data-theme="light"] .opt-card-desc { color: #555555 !important; } [data-theme="light"] .opt-stat-label { color: #333333 !important; } /* LIGHT MODE - NAV LINKS BLACK */ body.theme-light .nav-links a { color: #333333 !important; } body.theme-light .nav-links a:hover { color: #c9a227 !important; background: rgba(232,197,71,.1) !important; } body.theme-light .nav-links a.active { color: #000000 !important; } [data-theme="light"] .nav-links a { color: #333333 !important; } [data-theme="light"] .nav-links a:hover { color: #c9a227 !important; } [data-theme="light"] .nav-links a.active { color: #000000 !important; } /* LIGHT MODE - OPT TABLE FIX */ body.theme-light .opt-table th { background: #fffdf5 !important; color: #c9a227 !important; border-bottom: 2px solid rgba(212,175,55,.4) !important; } body.theme-light .opt-table td { color: #333333 !important; border-bottom: 1px solid rgba(0,0,0,.08) !important; } body.theme-light .opt-table tr:hover td { background: #faf7f0 !important; color: #000000 !important; } body.theme-light .opt-table tr:nth-child(even) td { background: #fdfbf5 !important; } body.theme-light .opt-table tr:nth-child(even):hover td { background: #f5f0e0 !important; } [data-theme="light"] .opt-table th { background: #fffdf5 !important; color: #c9a227 !important; } [data-theme="light"] .opt-table td { color: #333333 !important; } [data-theme="light"] .opt-table tr:hover td { background: #faf7f0 !important; color: #000000 !important; } /* MOBILE FIX - Prevent horizontal scroll */ html, body { overflow-x: hidden !important; max-width: 100%; } * { max-width: 100%; } @media (max-width: 768px) { img, video, iframe { max-width: 100%; height: auto; } .container, .opt-container, .nav-container { padding-left: 15px !important; padding-right: 15px !important; } .opt-grid, .opt-grid-2, .opt-grid-3 { grid-template-columns: repeat(2,1fr) !important; gap: 15px !important; } } /* FIX: prevent huge logo from img{max-width:100%} */ .logo img{height:36px !important;width:auto !important;max-height:36px !important;max-width:none !important;} .nav .logo img{height:36px !important;width:auto !important;max-height:36px !important;max-width:none !important;} body.theme-light .seo-tldr{color:#333!important} /* ===== 2026-09-18 浅色版字体提亮 v2 ===== */ [data-theme="light"]{--gold:#f5dd7e!important;--gold2:#E3B84C!important;--muted:#333333!important;--mute2:#555555!important;--heading:#111111!important;--text:#1A1A1A!important} [data-theme="light"] h1,[data-theme="light"] h2,[data-theme="light"] h3,[data-theme="light"] h4,[data-theme="light"] h5,[data-theme="light"] h6{color:#f5dd7e!important} [data-theme="light"] .hero h1 .hl{color:#000000!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:initial!important} [data-theme="light"] a{color:#f0ce5a!important} [data-theme="light"] .stat .v,[data-theme="light"] .stat-number,[data-theme="light"] .data-num,[data-theme="light"] .opt-stat-number,[data-theme="light"] .opt-title,[data-theme="light"] .opt-card-title,[data-theme="light"] .section-title,[data-theme="light"] .agent-name,[data-theme="light"] .price,[data-theme="light"] .rating,[data-theme="light"] .stars,[data-theme="light"] .tag,[data-theme="light"] .badge,[data-theme="light"] .rank,[data-theme="light"] .rank-num,[data-theme="light"] .card .amt,[data-theme="light"] .panel h3,[data-theme="light"] .total-box .big,[data-theme="light"] .note b,[data-theme="light"] table.tbl th,[data-theme="light"] table.tbl td b,[data-theme="light"] .tl-item h4,[data-theme="light"] .foot h4,[data-theme="light"] .foot .brand .logo-txt{color:#f5dd7e!important} [data-theme="light"] .stat .l,[data-theme="light"] .stat-label,[data-theme="light"] .opt-stat-label,[data-theme="light"] .opt-card-desc,[data-theme="light"] .opt-grid-desc,[data-theme="light"] .section-subtitle,[data-theme="light"] .agent-desc,[data-theme="light"] .feature-card p,[data-theme="light"] .card p,[data-theme="light"] .hero .sub2,[data-theme="light"] .foot p,[data-theme="light"] .foot li,[data-theme="light"] .acc-body,[data-theme="light"] .step p,[data-theme="light"] .tl-item p,[data-theme="light"] .chk,[data-theme="light"] .legend div,[data-theme="light"] .opt-quote,[data-theme="light"] .agent-price,[data-theme="light"] .pricing-card .price,[data-theme="light"] .note,[data-theme="light"] .form-wrap,[data-theme="light"] label.fl{color:#333333!important} [data-theme="light"] .opt-stat-number{background:linear-gradient(135deg,#E8C547,#F0CE5A,#FFE8A3)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important} [data-theme="light"] .buy-btn,[data-theme="light"] .btn-primary,[data-theme="light"] .btn-gold,[data-theme="light"] .tab-btn.active,[data-theme="light"] .filter.active,[data-theme="light"] .rank,[data-theme="light"] .rank-num{background:#F0CE5A!important;color:#1a1206!important} [data-theme="light"] .nav .menu a,[data-theme="light"] .nav-links a,[data-theme="light"] .menu a{color:#1A1A1A!important} [data-theme="light"] .nav .menu a:hover,[data-theme="light"] .nav .menu a.active{color:#f5dd7e!important;background:rgba(240,206,90,.15)!important} [data-theme="light"] .btn-outline{color:#f0ce5a!important;border-color:#E3B84C!important} /* ============================================================ PDDUN THEME V2 (2026-09-18) 双主题权威收口 — 小八 深色: 大标题/重点 = 金色 #D4AF37, 小字 = 白色 #E6E6E6 浅色: 大标题/重点 = 金色 #D4AF37, 小字 = 黑色 #333333 ============================================================ */ /* ========== 深色主题 ========== */ html[data-theme="dark"] body{background:#0A0E1A!important;color:#f2f5f9!important} html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4,html[data-theme="dark"] h5,html[data-theme="dark"] h6{color:#e8c547!important} html[data-theme="dark"] p,html[data-theme="dark"] li,html[data-theme="dark"] td,html[data-theme="dark"] th,html[data-theme="dark"] label,html[data-theme="dark"] small,html[data-theme="dark"] dd,html[data-theme="dark"] dt{color:#f2f5f9!important} html[data-theme="dark"] span{color:#f2f5f9!important} html[data-theme="dark"] .btn,html[data-theme="dark"] .btn-gold,html[data-theme="dark"] .btn-primary,html[data-theme="dark"] .tab-btn.active,html[data-theme="dark"] .rank,html[data-theme="dark"] .rank-num,html[data-theme="dark"] .buy-btn{color:#0A0E1A!important} html[data-theme="dark"] .hl,html[data-theme="dark"] .amt,html[data-theme="dark"] .gold,html[data-theme="dark"] .ticker-label{color:#e8c547!important} html[data-theme="dark"] .card,html[data-theme="dark"] .stat,html[data-theme="dark"] .step,html[data-theme="dark"] .news-card,html[data-theme="dark"] .feature-card,html[data-theme="dark"] .pricing-card,html[data-theme="dark"] .matrix-card,html[data-theme="dark"] .testimonial-card,html[data-theme="dark"] .faq-item,html[data-theme="dark"] .entry-card,html[data-theme="dark"] .role-card,html[data-theme="dark"] .action-card,html[data-theme="dark"] .user-card{background:#141B2D!important;border:1px solid #2D333B!important;color:#f2f5f9!important} html[data-theme="dark"] .card h3,html[data-theme="dark"] .card h4,html[data-theme="dark"] .news-card h3,html[data-theme="dark"] .feature-card h3,html[data-theme="dark"] .pricing-card h3,html[data-theme="dark"] .matrix-card h3,html[data-theme="dark"] .entry-card h3,html[data-theme="dark"] .role-card h3,html[data-theme="dark"] .action-card h3{color:#e8c547!important} html[data-theme="dark"] .card p,html[data-theme="dark"] .news-card p,html[data-theme="dark"] .feature-card p,html[data-theme="dark"] .pricing-card p,html[data-theme="dark"] .matrix-card p,html[data-theme="dark"] .entry-card p,html[data-theme="dark"] .role-card p,html[data-theme="dark"] .action-card p{color:#C9CDD4!important} html[data-theme="dark"] .tbl{background:#141B2D!important} html[data-theme="dark"] .tbl th{background:#1A2233!important;color:#e8c547!important} /* ========== 浅色主题 ========== */ html[data-theme="light"] body{background:#F4F5F8!important;color:#333333!important} html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3,html[data-theme="light"] h4,html[data-theme="light"] h5,html[data-theme="light"] h6{color:#c9a227!important} html[data-theme="light"] p,html[data-theme="light"] li,html[data-theme="light"] td,html[data-theme="light"] th,html[data-theme="light"] label,html[data-theme="light"] small,html[data-theme="light"] dd,html[data-theme="light"] dt{color:#333333!important} html[data-theme="light"] span{color:#333333!important} html[data-theme="light"] .hl{color:#c9a227!important} html[data-theme="light"] .amt,html[data-theme="light"] .gold,html[data-theme="light"] .ticker-label{color:#c9a227!important} html[data-theme="light"] .btn,html[data-theme="light"] .btn-gold,html[data-theme="light"] .btn-primary,html[data-theme="light"] .tab-btn.active,html[data-theme="light"] .rank,html[data-theme="light"] .rank-num,html[data-theme="light"] .buy-btn{color:#0A0E1A!important} html[data-theme="light"] .card,html[data-theme="light"] .stat,html[data-theme="light"] .step,html[data-theme="light"] .news-card,html[data-theme="light"] .feature-card,html[data-theme="light"] .pricing-card,html[data-theme="light"] .matrix-card,html[data-theme="light"] .testimonial-card,html[data-theme="light"] .faq-item,html[data-theme="light"] .entry-card,html[data-theme="light"] .role-card,html[data-theme="light"] .action-card,html[data-theme="light"] .user-card{background:#FFFFFF!important;border:1px solid #E5E7EB!important;color:#333333!important} html[data-theme="light"] section{background:#F4F5F8!important} html[data-theme="light"] .hero{background:linear-gradient(135deg,#F4F5F8 0%,#FFFFFF 55%,#EFF1F5 100%)!important} html[data-theme="light"] .nav{background:rgba(255,255,255,.92)!important} html[data-theme="light"] .live-ticker{background:#F5F5F5!important} html[data-theme="light"] .tbl{background:#FFFFFF!important} /* ===== PDDUN DARK FULL-COVER 20260918d：深色版=所有字白、大字体金（墩总令） ===== */ html[data-theme="dark"] body,html[data-theme="dark"] body p,html[data-theme="dark"] body li,html[data-theme="dark"] body td,html[data-theme="dark"] body th,html[data-theme="dark"] body span,html[data-theme="dark"] body small,html[data-theme="dark"] body dd,html[data-theme="dark"] body dt,html[data-theme="dark"] body label,html[data-theme="dark"] body a,html[data-theme="dark"] body button,html[data-theme="dark"] body div,html[data-theme="dark"] body section,html[data-theme="dark"] body article,html[data-theme="dark"] body main,html[data-theme="dark"] body header,html[data-theme="dark"] body footer,html[data-theme="dark"] body nav,html[data-theme="dark"] body ul,html[data-theme="dark"] body ol,html[data-theme="dark"] body table,html[data-theme="dark"] body figure,html[data-theme="dark"] body blockquote,html[data-theme="dark"] body strong,html[data-theme="dark"] body b,html[data-theme="dark"] body em,html[data-theme="dark"] body i{color:#FFFFFF!important} /* 例外1：大字体/标题=金色 */ html[data-theme="dark"] body h1,html[data-theme="dark"] body h2,html[data-theme="dark"] body h3,html[data-theme="dark"] body h4,html[data-theme="dark"] body h5,html[data-theme="dark"] body h6,html[data-theme="dark"] body .grid-title,html[data-theme="dark"] body .section-title,html[data-theme="dark"] body .card-title,html[data-theme="dark"] body .sec-head h2,html[data-theme="dark"] body .hero h1,html[data-theme="dark"] body .logo,html[data-theme="dark"] body .logo b,html[data-theme="dark"] body .brand{color:#e8c547!important} /* 例外2：金色强调/数据数字保持金 */ html[data-theme="dark"] body .gold,html[data-theme="dark"] body .hl,html[data-theme="dark"] body .amt,html[data-theme="dark"] body .stat .v,html[data-theme="dark"] body .badge,html[data-theme="dark"] body .stat-number,html[data-theme="dark"] body .data-num,html[data-theme="dark"] body .hero .sub{color:#e8c547!important} /* 例外3：金底/深底按钮文字保持深色（防白字压金底） */ html[data-theme="dark"] body .btn,html[data-theme="dark"] body .btn-gold,html[data-theme="dark"] body .btn-primary,html[data-theme="dark"] body .tab-btn.active,html[data-theme="dark"] body .rank,html[data-theme="dark"] body .rank-num,html[data-theme="dark"] body .buy-btn,html[data-theme="dark"] body .tagline,html[data-theme="dark"] body .step .n,html[data-theme="dark"] body .filter.active,html[data-theme="dark"] body .totop{color:#1A1206!important} /* 例外4：表单输入文字白 */ html[data-theme="dark"] body input,html[data-theme="dark"] body textarea,html[data-theme="dark"] body select{color:#FFFFFF!important} /* ===== PDDUN GRID FIX 20260918e : opt-grid 宫格化收口 ===== */ .opt-grid{display:grid!important;gap:18px!important} .opt-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important} .opt-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important} .opt-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))!important} .opt-card{display:block!important;background:var(--card,#141B2D);border:1px solid var(--border2,rgba(212,175,55,.25));border-radius:14px!important;padding:26px 24px!important;box-shadow:0 4px 18px rgba(0,0,0,.22);transition:transform .2s,border-color .2s,box-shadow .2s} .opt-card:hover{transform:translateY(-3px);border-color:#D4AF37;box-shadow:0 8px 26px rgba(212,175,55,.18)} .opt-stat-card{text-align:center;padding:30px 20px!important} .opt-stat-number{font-size:34px;font-weight:800;line-height:1.25} .opt-stat-label{margin-top:10px;font-size:15px;line-height:1.6} .opt-card-title{font-size:19px;font-weight:700;margin-bottom:10px;line-height:1.4} .opt-card-desc{font-size:15px;line-height:1.75} .opt-badge{display:inline-block;margin-bottom:12px;padding:4px 14px;border-radius:20px;font-size:13px;font-weight:600} .opt-badge-gold{background:rgba(212,175,55,.15);color:#f0d26b;border:1px solid rgba(212,175,55,.45)} .opt-badge-orange{background:rgba(230,126,34,.15);color:#f5b96a;border:1px solid rgba(230,126,34,.45)} .opt-source{margin-top:12px;font-size:13px;opacity:.78} /* 深色版：标题/大数字强制金色（盖过 FULL-COVER 的全白规则） */ html[data-theme="dark"] .opt-card-title,body.theme-dark .opt-card-title{color:#e8c547!important} html[data-theme="dark"] .opt-stat-number,body.theme-dark .opt-stat-number{color:#e8c547!important} html[data-theme="dark"] .opt-title,body.theme-dark .opt-title{color:#e8c547!important} /* 响应式降列 */ @media (max-width:900px){.opt-grid-3,.opt-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media (max-width:620px){.opt-grid,.opt-grid-2,.opt-grid-3,.opt-grid-4{grid-template-columns:1fr!important}} /* ===== END GRID FIX ===== */ /* ===== PDDUN UNIFY 20260918f：宫格统一规格+全居中+深色文字兜底 — 小八 ===== */ /* 1) 培训三宫格 unified-grid（此前零样式=裸堆叠） */ .unified-grid-container{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;max-width:1200px!important;margin:28px auto!important;align-items:stretch!important;padding:0 10px} .unified-grid-card{display:block!important;background:var(--card,#141B2D)!important;border:1px solid rgba(212,175,55,.28)!important;border-radius:14px!important;padding:30px 26px!important;box-sizing:border-box!important;width:100%!important;box-shadow:0 4px 18px rgba(0,0,0,.22)!important;transition:transform .2s,border-color .2s,box-shadow .2s!important;cursor:pointer;text-align:center} .unified-grid-card:hover{transform:translateY(-3px)!important;border-color:#D4AF37!important;box-shadow:0 8px 26px rgba(212,175,55,.2)!important} .grid-icon{font-size:36px!important;line-height:1.2!important;margin-bottom:12px!important} .grid-title{font-size:20px!important;font-weight:800!important;margin-bottom:10px!important;line-height:1.4} .grid-desc{font-size:15px!important;line-height:1.8!important;text-align:center} /* 2) 收益宫格 g2-g5：列数固定、卡片等宽等高（去掉内容宽收缩） */ .grid{gap:22px!important;justify-items:stretch!important;align-items:stretch!important} .grid.g2{grid-template-columns:repeat(2,minmax(0,1fr))!important} .grid.g3{grid-template-columns:repeat(3,minmax(0,1fr))!important} .grid.g4{grid-template-columns:repeat(4,minmax(0,1fr))!important} .grid.g5{grid-template-columns:repeat(5,minmax(0,1fr))!important} .grid>.card{width:100%!important;box-sizing:border-box!important;height:100%!important;margin:0!important} /* 3) 数据区 opt-grid：等宽等高 + 容器居中不贴左 */ .opt-grid{gap:20px!important;justify-items:stretch!important;align-items:stretch!important} .opt-grid.opt-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important} .opt-grid.opt-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important} .opt-grid.opt-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))!important} .opt-container{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:20px!important;padding-right:20px!important} .opt-card{width:100%!important;box-sizing:border-box!important;height:100%!important} .opt-data-card{text-align:center!important} /* 4) 双轨主题文字兜底：深色=正文纯白/标题金；浅色=正文黑/标题金 */ html[data-theme="dark"] .grid-desc,body.theme-dark .grid-desc,html[data-theme="dark"] .unified-grid-card,body.theme-dark .unified-grid-card,html[data-theme="dark"] .opt-card-desc,body.theme-dark .opt-card-desc{color:#FFFFFF!important} body.theme-light .grid-desc,body.theme-light .unified-grid-card,body.theme-light .opt-card-desc{color:#333333!important} html[data-theme="dark"] .grid-title,body.theme-dark .grid-title,html[data-theme="dark"] .unified-grid-card .grid-title,body.theme-dark .unified-grid-card .grid-title{color:#e8c547!important} body.theme-light .grid-title,body.theme-light .unified-grid-card .grid-title{color:#c9a227!important} html[data-theme="dark"] .unified-grid-card,body.theme-dark .unified-grid-card{background:#141B2D!important;border:1px solid #2D333B!important} body.theme-light .unified-grid-card{background:#FFFFFF!important;border:1px solid #E5E7EB!important} html[data-theme="dark"] .opt-stat-label,body.theme-dark .opt-stat-label{color:#FFFFFF!important} body.theme-light .opt-stat-label{color:#333333!important} /* 5) 响应式降列（置于补丁末尾确保生效） */ @media(max-width:1024px){ .grid.g4{grid-template-columns:repeat(2,minmax(0,1fr))!important} .grid.g5{grid-template-columns:repeat(3,minmax(0,1fr))!important} .opt-grid.opt-grid-3,.opt-grid.opt-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important} .unified-grid-container{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:640px){ .grid.g2,.grid.g3,.grid.g4,.grid.g5,.opt-grid.opt-grid-2,.opt-grid.opt-grid-3,.opt-grid.opt-grid-4,.unified-grid-container{grid-template-columns:1fr!important} } /* ===== END PDDUN UNIFY 20260918f ===== */ /* ===== PDDUN GRID-TABLE 20260918g：孤岛效应表格宫格化 — 小八 ===== */ .opt-risk-grid{margin-top:6px} .opt-risk-card{text-align:center} .opt-risk-result{margin-top:12px;padding-top:10px;border-top:1px dashed rgba(212,175,55,.35);font-size:14px;font-weight:700;color:#f0d26b} html[data-theme="dark"] .opt-risk-result,body.theme-dark .opt-risk-result{color:#f0d26b!important} body.theme-light .opt-risk-result{color:#c9a227!important} /* ===== END GRID-TABLE 20260918g ===== */ /* ===== PDDUN LIGHT CARD FULL-COVER 20260918h ===== 浅色主题下所有卡片强制浅色底（双轨：html[data-theme=light] + body.theme-light） */ html[data-theme="light"] .unified-grid-card, body.theme-light .unified-grid-card{background:#FFFFFF!important;border:1px solid #E5E7EB!important;box-shadow:0 4px 18px rgba(0,0,0,.08)!important} html[data-theme="light"] .unified-grid-card:hover, body.theme-light .unified-grid-card:hover{border-color:#D4AF37!important;box-shadow:0 8px 26px rgba(212,175,55,.25)!important} html[data-theme="light"] .unified-grid-card .grid-title, body.theme-light .unified-grid-card .grid-title{color:#c9a227!important} html[data-theme="light"] .unified-grid-card .grid-desc, html[data-theme="light"] .unified-grid-card p, html[data-theme="light"] .unified-grid-card li, body.theme-light .unified-grid-card .grid-desc, body.theme-light .unified-grid-card p, body.theme-light .unified-grid-card li{color:#333333!important} html[data-theme="light"] .unified-grid-card a, body.theme-light .unified-grid-card a{color:#c9a227!important} html[data-theme="light"] .grid-title, body.theme-light .grid-title{color:#c9a227!important} html[data-theme="light"] .card, html[data-theme="light"] .stat, html[data-theme="light"] .step, html[data-theme="light"] .news-card, html[data-theme="light"] .feature-card, html[data-theme="light"] .matrix-card, html[data-theme="light"] .entry-card, html[data-theme="light"] .role-card, html[data-theme="light"] .action-card, html[data-theme="light"] .user-card, html[data-theme="light"] .pricing-card, html[data-theme="light"] .testimonial-card, html[data-theme="light"] .faq-item, body.theme-light .card, body.theme-light .stat, body.theme-light .step, body.theme-light .news-card, body.theme-light .feature-card, body.theme-light .matrix-card, body.theme-light .entry-card, body.theme-light .role-card, body.theme-light .action-card, body.theme-light .user-card, body.theme-light .pricing-card, body.theme-light .testimonial-card, body.theme-light .faq-item{background:#FFFFFF!important;border:1px solid #E5E7EB!important;box-shadow:0 4px 18px rgba(0,0,0,.08)!important;color:#333333!important} /* ===== END LIGHT CARD FULL-COVER 20260918h ===== */ /* === 主题对比度兜底 v4 20260919c：描边按钮金字 === */ html[data-theme="dark"] .btn-outline,body.theme-dark .btn-outline, html[data-theme="dark"] .btn-ghost,body.theme-dark .btn-ghost, html[data-theme="dark"] a.btn.btn-outline,body.theme-dark a.btn.btn-outline{color:#cfa933!important;border-color:#D4AF37!important;background-color:transparent!important;-webkit-text-fill-color:#cfa933!important} html[data-theme="dark"] .btn-outline:hover,body.theme-dark .btn-outline:hover, html[data-theme="dark"] .btn-ghost:hover,body.theme-dark .btn-ghost:hover{background-color:rgba(212,175,55,.12)!important;color:#f5dd7e!important} [data-theme="light"] .btn-outline,[data-theme="light"] .btn-ghost, body.theme-light .btn-outline,body.theme-light .btn-ghost{color:#cfa933!important;border-color:#D4AF37!important;background-color:transparent!important;-webkit-text-fill-color:#cfa933!important} /* === 购买/主CTA按钮统一金底深字 v5 20260919 === */ html[data-theme="dark"] .buy-btn,html[data-theme="dark"] a.buy-btn,html[data-theme="dark"] .btn-primary,html[data-theme="dark"] .btn-gold,html[data-theme="dark"] .buy-now{background:linear-gradient(135deg,#F0D26B 0%,#D4AF37 100%)!important;background-color:#D4AF37!important;color:#0A0E1A!important;-webkit-text-fill-color:#0A0E1A!important;border:1px solid #D4AF37!important;box-shadow:0 4px 16px rgba(212,175,55,.25)!important} html[data-theme="dark"] .buy-btn:hover,html[data-theme="dark"] .btn-primary:hover,html[data-theme="dark"] .btn-gold:hover,html[data-theme="dark"] .buy-now:hover{background:linear-gradient(135deg,#F5DD7E 0%,#D4AF37 100%)!important;color:#0A0E1A!important;-webkit-text-fill-color:#0A0E1A!important} html[data-theme="light"] .buy-btn,html[data-theme="light"] a.buy-btn,html[data-theme="light"] .btn-primary,html[data-theme="light"] .btn-gold,html[data-theme="light"] .buy-now{background:linear-gradient(135deg,#F0D26B 0%,#D4AF37 100%)!important;background-color:#D4AF37!important;color:#0A0E1A!important;-webkit-text-fill-color:#0A0E1A!important;border:1px solid #D4AF37!important} html[data-theme="light"] .buy-btn:hover,html[data-theme="light"] .btn-primary:hover,html[data-theme="light"] .btn-gold:hover,html[data-theme="light"] .buy-now:hover{background:linear-gradient(135deg,#F5DD7E 0%,#D4AF37 100%)!important;color:#0A0E1A!important;-webkit-text-fill-color:#0A0E1A!important} /* ===== 深色默认态统一兜底 v6 20260919（高特异度覆盖独立内页硬编码暗灰/纯白） ===== */ html body:not(.theme-light){background-color:#0A0E1A!important;color:#ffffff!important;} html body:not(.theme-light) header,html body:not(.theme-light) nav,html body:not(.theme-light) main,html body:not(.theme-light) section,html body:not(.theme-light) footer,html body:not(.theme-light) .pricing,html body:not(.theme-light) .feature,html body:not(.theme-light) .cta,html body:not(.theme-light) .final-cta{background-color:#0A0E1A!important;} html body:not(.theme-light) .hero{background:#0A0E1A!important;} html body:not(.theme-light) .card,html body:not(.theme-light) .feature-card,html body:not(.theme-light) .pricing-card,html body:not(.theme-light) .matrix-card,html body:not(.theme-light) .testimonial-card,html body:not(.theme-light) .faq-item,html body:not(.theme-light) .entry-card,html body:not(.theme-light) .role-card,html body:not(.theme-light) .action-card,html body:not(.theme-light) .user-card,html body:not(.theme-light) .stat-card,html body:not(.theme-light) .case-card,html body:not(.theme-light) .news-card,html body:not(.theme-light) .video-card,html body:not(.theme-light) .panel{background-color:#0E1426!important;border:1px solid #232B45!important;color:#ffffff!important;} html body:not(.theme-light) p,html body:not(.theme-light) li,html body:not(.theme-light) td,html body:not(.theme-light) th,html body:not(.theme-light) label,html body:not(.theme-light) small,html body:not(.theme-light) .role,html body:not(.theme-light) .desc,html body:not(.theme-light) .muted,html body:not(.theme-light) .text-muted,html body:not(.theme-light) .subtitle,html body:not(.theme-light) .nav-links a,html body:not(.theme-light) .stat-label,html body:not(.theme-light) .case-meta,html body:not(.theme-light) .agent-info p,html body:not(.theme-light) .filter-btn,html body:not(.theme-light) .tag-btn,html body:not(.theme-light) .card p,html body:not(.theme-light) .feature-card p,html body:not(.theme-light) .users{color:#D7DEEA!important;-webkit-text-fill-color:#D7DEEA!important;} html body:not(.theme-light) h1,html body:not(.theme-light) h2,html body:not(.theme-light) h3,html body:not(.theme-light) h4{color:#f5dd7e!important;-webkit-text-fill-color:#f5dd7e!important;} /* 移动端顶栏修复(2026-09-19)：原 .nav-right 内联 flex-shrink:0 不收缩，窄屏下撑开顶部栏、右侧按钮被 overflow-x:hidden 裁切不可见； 手机端让 .nav-right 收缩并隐藏"集团官网"链接，顶部栏整体不溢出、右侧按钮完整可见（.container.inner/.menu 的 nowrap !important 保持不变） */ @media (max-width:768px){ header.nav .nav-right{flex-shrink:1 !important;min-width:0 !important;overflow:hidden !important;margin-left:auto !important;gap:6px !important;} header.nav .nav-right .group-link{display:none !important;} header.nav .nav-right .theme-toggle-btn{padding:6px 9px !important;font-size:13px !important;} header.nav .nav-right .btn-gold{padding:7px 12px !important;font-size:13px !important;} }