.portal{--bg:#f5f6f8;--surface:#fff;--surface-2:#f0f2f6;--surface-3:#e9ecf2;--ink:#161a22;--ink-2:#4a515f;--ink-3:#8a92a2;--line:#e7e9f0;--line-2:#d4d8e2;--accent:#4f46e5;--accent-soft:#ecedfe;--accent-ink:#4035c2;--teal:#0d9488;--teal-soft:#d6f3ef;--amber:#b45309;--amber-soft:#fbe6ce;--rose:#be123c;--rose-soft:#fde2e7;--r:14px;--r-pill:999px;--shadow:0 1px 2px #141e3c0d, 0 10px 30px #141e3c12;--shadow-sm:0 1px 2px #141e3c0f;background:var(--surface);color:var(--ink);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.portal *,.portal :before,.portal :after{box-sizing:border-box}.portal .nav{border-bottom:1px solid var(--line);background:var(--surface);z-index:20;position:sticky;top:0}.portal .nav-inner{align-items:center;gap:22px;max-width:1100px;margin:0 auto;padding:14px 26px;display:flex}.portal .logo{color:var(--ink);align-items:center;gap:10px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.portal .logo .mark{background:var(--accent);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.portal .logo .mark svg{width:17px;height:17px}.portal .logo .dom{color:var(--ink-3);font-size:13px;font-weight:600}.portal .navlinks{gap:4px;margin-left:8px;display:flex}.portal .navlinks a{color:var(--ink-2);border-radius:9px;padding:7px 12px;font-size:14px;font-weight:600;text-decoration:none}.portal .navlinks a:hover{background:var(--surface-2);color:var(--ink)}.portal .navlinks a.on{color:var(--accent-ink);background:var(--accent-soft)}.portal .navright{align-items:center;gap:10px;margin-left:auto;display:flex}.portal .lk{color:var(--ink-2);padding:8px 12px;font-size:14px;font-weight:700;text-decoration:none}.portal .cta{color:#fff;background:var(--accent);border-radius:10px;padding:9px 18px;font-size:14px;font-weight:700;text-decoration:none}.portal .cta:hover{background:var(--accent-ink)}.portal .avatar{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-ink);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.portal .hero{text-align:center;border-bottom:1px solid var(--line);background:linear-gradient(#fbfbff,#fff);padding:60px 26px 52px}.portal .hero .kx{letter-spacing:.04em;color:var(--accent-ink);background:var(--accent-soft);border-radius:var(--r-pill);padding:5px 13px;font-size:13px;font-weight:800;display:inline-block}.portal .hero h1{color:var(--ink);letter-spacing:-.01em;margin:18px 0 0;font-size:38px;font-weight:800}.portal .hero h1 .accent{color:var(--accent)}.portal .hero p{color:var(--ink-2);max-width:600px;margin:16px auto 0;font-size:16px;line-height:1.65}.portal .herobtns{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:28px;display:flex}.portal .section{max-width:1100px;margin:0 auto;padding:36px 26px 8px}.portal .section h2{color:var(--ink);font-size:20px;font-weight:800}.portal .section .sub{color:var(--ink-3);margin-top:3px;font-size:13.5px}.portal .wrap{max-width:1100px;margin:0 auto;padding:0 26px}.portal .btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:7px;padding:13px 26px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.portal .btn-primary{background:var(--accent);color:#fff}.portal .btn-primary:hover{background:var(--accent-ink)}.portal .btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line-2)}.portal .btn-ghost:hover{background:var(--surface-2)}.portal .btn-sm{border-radius:9px;padding:8px 14px;font-size:13px}.portal .cards{grid-template-columns:repeat(3,1fr);gap:16px;padding:14px 0 4px;display:grid}.portal .cards-2{grid-template-columns:repeat(2,1fr)}.portal .card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);color:inherit;border-radius:14px;padding:20px 18px;text-decoration:none;transition:box-shadow .15s,border-color .15s,transform .15s;display:block;position:relative}.portal a.card:hover{box-shadow:var(--shadow);border-color:var(--accent);transform:translateY(-2px)}.portal .card .ic{border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:13px;display:flex}.portal .card .ic svg{width:22px;height:22px}.portal .ic.i1{background:var(--accent-soft);color:var(--accent-ink)}.portal .ic.i2{background:var(--teal-soft);color:#0a6f66}.portal .ic.i3{background:var(--amber-soft);color:var(--amber)}.portal .ic.i6{background:var(--surface-3);color:var(--ink-2)}.portal .card h3{color:var(--ink);margin:0;font-size:16px;font-weight:800}.portal .card p{color:var(--ink-2);margin-top:6px;font-size:13px;line-height:1.55}.portal .card .more{color:var(--accent);margin-top:11px;font-size:13px;font-weight:700}.portal .card.hz{align-items:flex-start;gap:16px;display:flex}.portal .card.hz .ic{border-radius:14px;flex-shrink:0;width:54px;height:54px;margin-bottom:0}.portal .card.hz .ic svg{width:27px;height:27px}.portal .card.hz .card-body{min-width:0}.portal .card.hz .card-body h3,.portal .card.hz .card-body p,.portal .card.hz .card-body .more{margin-top:0}.portal .card.hz .card-body p{margin-top:6px}.portal .card.hz .card-body .more{margin-top:9px}.portal .badge{border-radius:var(--r-pill);padding:3px 9px;font-size:11px;font-weight:800;display:inline-block}.portal .bd-amber{color:var(--amber);background:var(--amber-soft)}.portal .bd-teal{color:#0a6f66;background:var(--teal-soft)}.portal .bd-accent{color:var(--accent-ink);background:var(--accent-soft)}.portal .badge-corner{position:absolute;top:16px;right:16px}.portal .strip{max-width:1100px;margin:34px auto 0}.portal .strip-inner{background:var(--accent);color:#fff;border-radius:16px;flex-wrap:wrap;align-items:center;gap:22px;margin:0 26px;padding:26px 30px;display:flex}.portal .strip-inner h3{margin:0;font-size:18px;font-weight:800}.portal .strip-inner p{opacity:.92;max-width:620px;margin:5px 0 0;font-size:13.5px;line-height:1.55}.portal .strip-inner .sbtn{color:var(--accent-ink);white-space:nowrap;background:#fff;border-radius:11px;margin-left:auto;padding:11px 22px;font-size:14px;font-weight:800;text-decoration:none}.portal .field{margin-bottom:15px}.portal .field label{color:var(--ink-2);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.portal .field input,.portal .field select,.portal .field textarea{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:10px;outline:none;padding:11px 13px;font-size:14px}.portal .field input:focus,.portal .field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.portal .twocol{grid-template-columns:1fr 1fr;gap:12px;display:grid}.portal .info{border-radius:12px;padding:13px 16px;font-size:13px;line-height:1.55}.portal .info-teal{background:var(--teal-soft);color:#0a6f66}.portal .info-accent{background:var(--accent-soft);color:var(--accent-ink)}.portal .ft{border-top:1px solid var(--line);max-width:1100px;color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:16px;margin:44px auto 0;padding:24px 26px 40px;font-size:12.5px;display:flex}.portal .ft .gd{margin-left:auto}.portal .chips{flex-wrap:wrap;gap:8px;margin:0 0 22px;display:flex}.portal .fchip{color:var(--ink-2);background:var(--surface-2);border-radius:var(--r-pill);cursor:pointer;border:none;padding:7px 15px;font-size:13px;font-weight:700}.portal .fchip:hover{background:var(--surface-3)}.portal .fchip.on{background:var(--accent-soft);color:var(--accent-ink)}.portal .fchip.on-amber{background:var(--amber-soft);color:var(--amber)}.portal .panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:14px;padding:6px 20px}.portal .row{border-bottom:1px solid var(--line);align-items:flex-start;gap:14px;padding:16px 0;display:flex}.portal .row:last-child{border-bottom:none}.portal a.row{color:inherit;text-decoration:none}.portal .meta{color:var(--ink-3);align-items:center;gap:10px;margin-top:14px;font-size:12.5px;display:flex}.portal .feature{border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:16px;grid-template-columns:1.1fr 1fr;margin-bottom:26px;display:grid;overflow:hidden}.portal .feature .cover{background:linear-gradient(135deg, var(--accent), #6d63f0);color:#fff;justify-content:center;align-items:center;min-height:200px;display:flex}.portal .feature .cover svg{opacity:.92;width:64px;height:64px}.portal .feature .body{padding:26px 28px}.portal .feature .body h2{color:var(--ink);margin:8px 0 0;font-size:21px;font-weight:800;line-height:1.35}.portal .feature .body p{color:var(--ink-2);margin-top:10px;font-size:13.5px;line-height:1.6}.portal .art .t{color:var(--ink);margin-top:6px;font-size:16px;font-weight:800}.portal a.art:hover .t{color:var(--accent)}.portal .art p{color:var(--ink-2);margin-top:5px;font-size:13px;line-height:1.55}.portal .art .thumb{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:104px;height:74px;display:flex}.portal .jhero{border:1px solid var(--line);background:linear-gradient(#fff8ef,#fff);border-radius:16px;align-items:center;gap:18px;margin-bottom:24px;padding:28px 30px;display:flex}.portal .jhero .jic{background:var(--amber-soft);width:54px;height:54px;color:var(--amber);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal .jhero .jic svg{width:28px;height:28px}.portal .jhero h2{color:var(--ink);margin:0;font-size:19px;font-weight:800}.portal .jhero p{color:var(--ink-2);max-width:680px;margin-top:5px;font-size:13.5px;line-height:1.6}.portal .jcard .ji{background:var(--amber-soft);width:40px;height:40px;color:var(--amber);border-radius:11px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.portal .jcard .ji svg{width:20px;height:20px}.portal a.jcard:hover h3{color:var(--amber)}.portal .bic{border-radius:11px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;display:flex}.portal .bic svg{width:22px;height:22px}.portal .pagebtn{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}@media (max-width:860px){.portal .cards,.portal .cards-2{grid-template-columns:1fr}.portal .navlinks{display:none}.portal .hero h1{font-size:30px}.portal .twocol{grid-template-columns:1fr}}@media (max-width:760px){.portal .feature{grid-template-columns:1fr}.portal .art .thumb{display:none}}