
:root{color-scheme:dark;--bg:#080A0D;--panel:#12161C;--panel2:#171C23;--text:#F5F7FA;--body:#C7CDD5;--muted:#9098A3;--blue:#5C7CFA;--bright:#6EA8FF;--border:rgba(255,255,255,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--body);font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--bright)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #8ED8FF;outline-offset:4px}img{display:block;max-width:100%;height:auto}button{font:inherit;cursor:pointer}.container{width:min(1200px,calc(100% - 48px));margin:auto;min-width:0}.topbar{background:rgba(8,10,13,.96);border-bottom:1px solid var(--border)}.top-inner{height:76px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:8px;flex:0 0 218px;min-width:0}.logo{max-height:36px;width:auto;object-fit:contain}.brand-caption{font-size:10px;letter-spacing:.05em;color:#9098A3;line-height:1.4}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:20px;white-space:nowrap;flex:1;min-width:0}.desktop-nav a{font-size:14px;padding:25px 0 21px;border-bottom:2px solid transparent}.desktop-nav a.active{color:var(--bright);border-bottom-color:var(--bright)}.enter-link{flex-shrink:0;border-radius:999px;background:var(--blue);color:white;font-size:14px;font-weight:700;line-height:42px;padding:0 20px}.enter-link:hover{background:#7390FF;color:#fff}.quick-strip{background:#10141A;border-bottom:1px solid var(--border)}.quick-inner{height:44px;display:flex;align-items:center}.desktop-quick,.mobile-quick{display:flex;align-items:center;gap:28px;white-space:nowrap;font-size:14px}.mobile-quick{display:none}.quick-strip a{color:#B7C2D0}.quick-strip a:hover{color:#8ED8FF}.menu-toggle{display:none;border:1px solid var(--border);background:#12161C;border-radius:10px;width:40px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:9px}.menu-toggle span{width:18px;height:2px;background:#F5F7FA;border-radius:1px}.site-main{padding:40px 0 78px}.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-bottom:24px}.breadcrumbs a{color:#AFC8F2}h1,h2,h3{color:var(--text);line-height:1.4;letter-spacing:-.02em;margin-top:0}h1{font-size:34px;line-height:1.36}h2{font-size:26px}h3{font-size:19px}p{margin:0 0 16px}.eyebrow,.section-number{font-size:12px;letter-spacing:.12em;color:#8ED8FF;text-transform:uppercase}.page-intro{max-width:820px;margin-bottom:42px}.page-intro p{font-size:17px}.long-content{max-width:820px;min-width:0}.read-section{padding:26px 0;border-top:1px solid var(--border)}.read-section p{max-width:790px}.read-section h2{font-size:24px;margin:0 0 16px}.read-section:nth-of-type(even){padding-left:18px;border-left:2px solid rgba(92,124,250,.35)}.related-links{padding:26px 0;margin:40px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.related-links h2{font-size:20px}.link-line{display:flex;flex-wrap:wrap;gap:10px 22px}.link-line a,.text-link{color:#8ED8FF;text-decoration:underline;text-underline-offset:4px}.visual-frame{min-width:0;max-width:100%;margin:0;background:#0D1015;border:1px solid var(--border);border-radius:14px;padding:12px;overflow:hidden}.visual-image{object-fit:contain;object-position:center center;width:auto;height:auto;max-width:100%;max-height:240px;margin:auto}.visual-placeholder{width:100%;min-height:145px;background:linear-gradient(130deg,#121820,#0D1015);border-radius:8px}.visual-frame figcaption{color:var(--muted);font-size:13px;line-height:1.6;margin-top:10px}.media-article{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:30px;align-items:center;margin:30px 0}.media-article>*{min-width:0}.media-article .visual-image{max-height:245px}.visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:25px 0}.visual-grid>*,.visual-grid figure{min-width:0}.visual-grid .visual-image{max-height:180px}.visual-grid h3{font-size:18px;margin:16px 0 8px}.visual-grid p{font-size:14px;color:var(--body)}.visual-grid figcaption{font-size:13px}.hero{display:grid;grid-template-columns:minmax(0,52fr) minmax(0,48fr);gap:32px;align-items:center;margin-bottom:52px}.hero h1{font-size:41px}.hero p{font-size:17px}.hero .visual-image{max-height:295px}.hero .visual-placeholder{height:280px}.hero .visual-frame{padding:12px}.intro-links{display:flex;flex-wrap:wrap;gap:20px}.intro-links a{color:#8ED8FF;border-bottom:1px solid #5C7CFA}.editorial-section{margin:48px 0}.editorial-section>h2{margin-bottom:22px}.editorial-columns{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:38px;align-items:start}.editorial-columns>*{min-width:0}.editorial-columns.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.focus-block{padding:22px 24px;background:var(--panel);border:1px solid var(--border);border-radius:14px}.focus-block h3{font-size:18px}.focus-block p{font-size:15px}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.entry-grid a{display:block;padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.entry-grid strong{display:block;color:var(--text);font-size:19px;margin-bottom:8px}.entry-grid span{font-size:15px}.numbered-lines{counter-reset:item;list-style:none;margin:0;padding:0}.numbered-lines li{position:relative;padding:16px 0 17px 48px;border-bottom:1px solid var(--border)}.numbered-lines li:before{counter-increment:item;content:counter(item,decimal-leading-zero);position:absolute;left:0;color:#8ED8FF;font:700 14px Arial}.numbered-lines a{color:#8ED8FF}.index-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.index-list article{padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.index-list h2{font-size:19px}.index-list p{font-size:15px}.timeline{border-left:2px solid #5C7CFA;padding-left:30px}.timeline .read-section{padding-top:8px}.knowledge-table{width:100%;border-collapse:collapse;margin:20px 0 30px;font-size:15px}.knowledge-table th,.knowledge-table td{padding:13px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.knowledge-table th{color:#F5F7FA;background:#12161C}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.gallery-grid .visual-image{max-height:270px}.gallery-grid figure:nth-child(3n){grid-column:span 2}.gallery-grid figure:nth-child(3n) .visual-image{max-height:300px}.faq-item{padding:16px 20px;border:1px solid var(--border);background:var(--panel);border-radius:12px;margin-bottom:12px}.faq-item summary{cursor:pointer;color:#F5F7FA;font-weight:700}.faq-item p{margin:12px 0 0}.site-footer{background:#050608;border-top:1px solid var(--border);padding:48px 0 22px}.footer-layout{display:grid;grid-template-columns:1fr 2fr .75fr;gap:40px}.footer-logo{max-height:36px;width:auto}.footer-brand p{font-size:13px;color:#9098A3;margin-top:12px}.site-footer h2{font-size:16px}.footer-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 14px}.footer-nav a,.footer-service a{display:block;color:#B0BBC8;font-size:13px}.footer-service a{margin:0 0 8px}.copyright{border-top:1px solid var(--border);margin-top:30px;padding-top:18px;color:#9098A3;font-size:12px}.drawer-overlay{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.7);visibility:hidden;pointer-events:none}.drawer-overlay[hidden]{display:block}.drawer-overlay.is-open{visibility:visible;pointer-events:auto}.nav-drawer{position:fixed;z-index:31;inset:0 auto 0 0;width:min(390px,86vw);max-width:100%;overflow-y:auto;transform:translateX(-102%);visibility:hidden;pointer-events:none;background:#0D1015;border-right:1px solid var(--border);padding:20px 22px;transition:transform .23s,visibility .23s}.nav-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--border)}.drawer-logo{max-height:36px;width:auto}.close-drawer{background:transparent;border:1px solid var(--border);color:#fff;font-size:28px;width:40px;height:40px;border-radius:8px}.drawer-group{padding:12px 0;border-bottom:1px solid var(--border)}.drawer-group h2{font-size:13px;color:#8ED8FF;margin:0 0 12px}.drawer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px}.drawer-links a{font-size:14px;padding:4px 0}.back-top{position:fixed;right:18px;bottom:18px;background:#5C7CFA;color:#fff;width:40px;height:40px;border-radius:50%;border:0;opacity:0;pointer-events:none;transition:opacity .2s}.back-top.visible{opacity:1;pointer-events:auto}body.drawer-open{overflow:hidden}
@media(max-width:1130px){.top-inner{gap:15px}.brand{flex-basis:188px}.brand-caption{font-size:9px}.desktop-nav{gap:13px}.desktop-nav a{font-size:13px}.enter-link{padding:0 15px}}
@media(max-width:979px){.top-inner{height:63px;position:relative;justify-content:space-between}.menu-toggle{display:flex}.desktop-nav{display:none}.brand{position:absolute;left:50%;transform:translateX(-50%);width:auto;max-width:calc(100% - 185px);flex:0 0 auto;justify-content:center}.brand-caption{display:none}.brand .logo{max-height:28px}.enter-link{margin-left:auto;font-size:12px;line-height:40px;padding:0 13px}.desktop-quick{display:none}.mobile-quick{display:flex;gap:26px;overflow-x:auto;scrollbar-width:none;width:100%;height:100%}.mobile-quick::-webkit-scrollbar{display:none}.quick-inner{height:44px}.container{width:calc(100% - 40px)}.footer-layout{grid-template-columns:1fr 2fr}.footer-service{grid-column:1/-1;display:flex;gap:14px;flex-wrap:wrap}.footer-service h2{flex-basis:100%}}
@media(max-width:767px){body{font-size:15px;line-height:1.8}.container{width:calc(100% - 32px)}.site-main{padding:26px 0 52px}.hero,.editorial-columns,.editorial-columns.reverse,.media-article{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:29px}.hero .visual-frame{grid-row:1}.hero .visual-image{max-height:205px}.hero .visual-placeholder{height:190px}.hero{gap:22px;margin-bottom:36px}.editorial-section{margin:34px 0}.entry-grid{grid-template-columns:1fr}.visual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.visual-grid .visual-image{max-height:155px}.visual-grid .visual-frame{padding:8px}.page-intro{margin-bottom:28px}.page-intro h1{font-size:27px}.page-intro p{font-size:15px}.read-section{padding:20px 0}.read-section h2{font-size:21px}.read-section:nth-of-type(even){padding-left:12px}.footer-layout{grid-template-columns:1fr 1fr;gap:26px}.footer-brand{grid-column:1/-1}.footer-nav{grid-column:1/-1}.footer-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-service{grid-column:1/-1}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid figure:nth-child(3n){grid-column:auto}.gallery-grid .visual-image{max-height:185px}.knowledge-table{font-size:13px}.knowledge-table td,.knowledge-table th{padding:9px}.index-list{grid-template-columns:1fr}.hero .visual-frame{padding:8px}.visual-frame{padding:10px}.media-article .visual-image{max-height:185px}}
@media(max-width:380px){.brand{max-width:calc(100% - 190px)}.brand .logo{max-width:100%;max-height:28px}.enter-link{padding:0 11px;font-size:12px}.visual-grid,.gallery-grid{grid-template-columns:1fr}.visual-grid .visual-image{max-height:165px}.footer-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-links{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
