*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0D0D0D;color:#C8C8C8;font:15px/1.7 Arial,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}body.ui-locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}button,a{ -webkit-tap-highlight-color:transparent}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:120;background:#E8E8E8;color:#0D0D0D;padding:10px 14px;border-radius:8px}.skip-link:focus{top:8px}.ink-line{position:fixed;inset:0 0 auto 0;height:22px;z-index:90;background:#070707;border-bottom:1px solid rgba(232,232,232,.12);font-size:12px;color:#C8C8C8}.ink-inner,.material-inner,.case-tabs-inner{height:100%;display:flex;align-items:center}.ink-inner{justify-content:space-between}.ink-search{border:0;background:transparent;color:#E8E8E8;min-width:44px;height:22px;cursor:pointer}.material-bar{position:fixed;top:22px;left:0;right:0;height:60px;z-index:89;background:#1A1A1A;border-bottom:1px solid rgba(232,232,232,.12)}.material-inner{justify-content:space-between;gap:16px}.brand-link{height:44px;min-width:130px;display:flex;align-items:center}.brand-link img{height:28px;width:auto;max-width:180px;object-fit:contain}.brand-text{font-weight:700;color:#F2F2F2;font-size:16px;letter-spacing:.08em}.drawer-trigger,.app-entry,.btn,.search-presets a{height:42px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer}.drawer-trigger{border:1px solid rgba(232,232,232,.36);background:#0D0D0D;color:#E8E8E8;padding:0 22px}.app-entry,.btn-primary{padding:0 18px;background:linear-gradient(135deg,#E8E8E8 0%,#C8C8C8 55%,#8A8A8A 100%);color:#0D0D0D;font-weight:700}.case-tabs{position:fixed;top:82px;left:0;right:0;height:40px;background:#0D0D0D;border-bottom:1px solid rgba(232,232,232,.12);z-index:88}.case-tabs-inner{justify-content:center;gap:8px}.case-tabs a{min-width:88px;height:32px;padding:0 18px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px}.case-tabs a.is-active,.mobile-bottom a.is-active{background:#E8E8E8;color:#0D0D0D}.site-main{padding-top:146px;min-height:70vh}.section{padding:34px 0}.section-tight{padding:22px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.section-head h2,.content-card h2,.article-block h2{margin:0;color:#F2F2F2;font-size:20px;line-height:1.35}.section-head p{margin:0;color:#9A9A9A}.eyebrow{display:inline-block;color:#9A9A9A;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.page-hero{padding:12px 0 28px}.page-hero h1{margin:8px 0 12px;color:#F2F2F2;font-size:24px;line-height:1.3}.page-hero p{max-width:820px;margin:0;color:#C8C8C8}.hero-cover{padding:18px 0 0}.banner-slot{height:260px;background:#1A1A1A;border:1px solid rgba(232,232,232,.12);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.banner-slot img,.media-slot img,.media-slot-sm img,.media-slot-tall img{width:100%;height:100%;object-fit:contain;object-position:center}.hero-copy{padding:22px 4px 0}.hero-copy h1{font-size:24px;line-height:1.3;margin:0 0 10px;color:#F2F2F2}.hero-copy p{max-width:840px;margin:0 0 16px}.button-row{display:flex;flex-wrap:wrap;gap:10px}.btn{padding:0 18px;border:1px solid rgba(232,232,232,.36);color:#E8E8E8}.btn-secondary{background:#0D0D0D}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.content-card,.article-block,.number-card,.shelf-card,.timeline-card,.note-card,.policy-card,.faq-card{background:#171717;border:1px solid rgba(232,232,232,.12);border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.22)}.content-card,.number-card,.shelf-card,.timeline-card,.note-card,.policy-card,.faq-card{padding:16px}.article-block{padding:22px}.content-card h3,.number-card h3,.shelf-card h3,.timeline-card h3,.note-card h3,.policy-card h3{margin:12px 0 6px;color:#F2F2F2;font-size:16px}.content-card p,.number-card p,.shelf-card p,.timeline-card p,.note-card p,.policy-card p,.article-block p{margin:8px 0;color:#C8C8C8}.content-card small,.meta-line{color:#9A9A9A}.media-slot{height:180px;background:#222;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(232,232,232,.08)}.media-slot-sm{height:150px;background:#222;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot-tall{height:min(360px,62vw);max-height:360px;background:#222;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.feature-media{height:200px}.number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.num{font-size:28px;line-height:1;color:#E8E8E8;font-weight:700;letter-spacing:.04em}.num-small{font-size:18px;color:#E8E8E8;font-weight:700}.shelf-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.shelf-row{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:start;padding:14px;background:#171717;border:1px solid rgba(232,232,232,.12);border-radius:10px}.shelf-code{font-size:12px;color:#0D0D0D;background:#C8C8C8;border-radius:8px;padding:6px 8px;text-align:center}.shelf-row h3{margin:0 0 6px;color:#F2F2F2;font-size:16px}.shelf-row p{margin:0}.timeline{position:relative;margin-left:8px;padding-left:24px;border-left:1px solid rgba(232,232,232,.36)}.timeline-card{position:relative;margin:0 0 16px}.timeline-card:before{content:"";position:absolute;left:-31px;top:22px;width:12px;height:12px;border-radius:50%;background:#C8C8C8;border:3px solid #0D0D0D}.status{display:inline-flex;padding:4px 9px;border-radius:999px;background:#222;color:#E8E8E8;border:1px solid rgba(232,232,232,.18);font-size:12px}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lined-note{background:repeating-linear-gradient(180deg,#171717 0,#171717 31px,rgba(232,232,232,.08) 32px);min-height:170px;padding:16px;border-radius:12px;border:1px solid rgba(232,232,232,.12)}.lined-note h3{margin:0 0 8px;color:#F2F2F2}.big-list{counter-reset:big}.big-item{counter-increment:big;display:grid;grid-template-columns:72px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid rgba(232,232,232,.12)}.big-item:before{content:counter(big,decimal-leading-zero);font-size:32px;color:#E8E8E8;font-weight:700}.big-item h2{margin:0 0 6px}.big-item p{margin:0}.method-list{display:grid;gap:12px}.method-step{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:16px;border:1px solid rgba(232,232,232,.12);border-radius:12px;background:#171717}.method-step b{font-size:22px;color:#E8E8E8}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-list span{padding:7px 10px;border-radius:999px;border:1px solid rgba(232,232,232,.18);background:#171717;color:#C8C8C8}.policy-stack{display:grid;gap:14px}.policy-card h2{font-size:18px;margin:0 0 8px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.faq-card h2{font-size:16px;margin:0 0 8px}.faq-card p{margin:0}.quote-panel{border-left:3px solid #B85A5A;background:#171717;padding:18px 20px;border-radius:0 12px 12px 0}.quote-panel p{margin:0}.brand-strip{display:grid;grid-template-columns:200px 1fr;gap:18px;align-items:center}.brand-strip .media-slot{height:140px}.callout{padding:18px;border:1px solid rgba(232,232,232,.36);border-radius:12px;background:#171717}.callout strong{color:#F2F2F2}.site-footer{margin-top:34px;background:#070707;border-top:1px solid rgba(232,232,232,.12);padding:28px 0 84px}.footer-top{display:grid;grid-template-columns:220px 1fr;gap:30px}.footer-brand{display:flex;flex-direction:column;gap:6px}.footer-brand img{height:28px;width:auto;max-width:180px;object-fit:contain}.footer-brand strong{color:#F2F2F2;font-size:16px}.footer-brand span{font-size:12px;color:#9A9A9A}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-groups section{display:flex;flex-direction:column;gap:5px}.footer-groups h2{font-size:13px;margin:0 0 4px;color:#E8E8E8}.footer-groups a{font-size:13px;color:#C8C8C8}.footer-note{margin-top:22px;padding-top:18px;border-top:1px solid rgba(232,232,232,.12);font-size:13px;color:#9A9A9A}.footer-note p{margin:6px 0}.page-mask{position:fixed;inset:0;z-index:98;background:rgba(0,0,0,.72);opacity:0;visibility:hidden;pointer-events:none;transition:.22s}.page-mask.is-visible{opacity:1;visibility:visible;pointer-events:auto}.material-drawer{position:fixed;top:0;left:0;bottom:0;width:min(400px,86vw);z-index:101;background:#0D0D0D;border-right:1px solid rgba(232,232,232,.18);transform:translateX(-104%);visibility:hidden;pointer-events:none;transition:transform .25s ease,visibility .25s}.material-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{height:72px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(232,232,232,.12)}.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-brand img{height:28px;width:auto;max-width:120px;object-fit:contain}.drawer-brand span{display:flex;flex-direction:column}.drawer-brand small{color:#9A9A9A}.drawer-head button,.search-head button{height:44px;padding:0 14px;border-radius:9px;border:1px solid rgba(232,232,232,.2);background:#171717;color:#E8E8E8;cursor:pointer}.drawer-scroll{height:calc(100% - 72px);overflow:auto;padding:14px 16px 40px}.drawer-scroll section{padding:10px 0}.drawer-scroll h2{font-size:13px;color:#9A9A9A;margin:0 0 8px}.drawer-scroll a{display:flex;flex-direction:column;gap:2px;padding:11px 12px;border-radius:10px}.drawer-scroll a:hover{background:#171717}.drawer-scroll b{color:#F2F2F2}.drawer-scroll span{font-size:13px;color:#9A9A9A}.search-panel{position:fixed;left:0;right:0;top:82px;z-index:100;visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.search-panel.is-open{visibility:visible;opacity:1;pointer-events:auto}.search-card{width:min(760px,calc(100% - 32px));margin:12px auto 0;padding:20px;background:#1A1A1A;border:1px solid rgba(232,232,232,.18);border-radius:14px;box-shadow:0 12px 28px rgba(0,0,0,.45)}.search-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.search-head h2{margin:0;font-size:20px;color:#F2F2F2}.search-presets{display:flex;flex-wrap:wrap;gap:8px}.search-presets a{height:40px;padding:0 14px;border:1px solid rgba(232,232,232,.2);background:#171717}.mobile-bottom{display:none}.btn:hover,.btn:focus-visible,.drawer-trigger:hover,.drawer-trigger:focus-visible,.app-entry:hover,.app-entry:focus-visible,.case-tabs a:hover,.case-tabs a:focus-visible,.mobile-bottom a:focus-visible,.footer-groups a:hover,.footer-groups a:focus-visible{outline:none;filter:brightness(1.08)}a:focus-visible,button:focus-visible{outline:2px solid #E8E8E8;outline-offset:2px}@media(max-width:820px){.case-tabs{display:none}.site-main{padding-top:102px;padding-bottom:64px}.material-inner{gap:8px}.brand-link{min-width:0;flex:1}.brand-link img{max-width:110px}.drawer-trigger{padding:0 14px;min-width:76px}.app-entry{padding:0 12px;min-width:82px}.grid-3,.grid-4,.grid-2,.faq-grid,.note-grid,.shelf-list{grid-template-columns:1fr}.number-grid{grid-template-columns:repeat(2,1fr)}.brand-strip{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-groups{grid-template-columns:repeat(2,1fr)}.site-footer{padding-bottom:92px}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:87;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:#070707;border-top:1px solid rgba(232,232,232,.16)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:12px;min-width:44px}.search-panel{top:0;bottom:0;background:#070707}.search-panel.is-open{display:flex;align-items:flex-start}.search-card{margin-top:86px}.big-item{grid-template-columns:56px 1fr}.section{padding:26px 0}.banner-slot{height:260px}.page-hero{padding-top:8px}}@media(max-width:520px){.shell{width:calc(100% - 32px)}.footer-groups{grid-template-columns:1fr 1fr}.number-grid{grid-template-columns:1fr}.shelf-row{grid-template-columns:58px 1fr}.banner-slot{height:220px}.material-bar{height:60px}.hero-copy{padding-left:0;padding-right:0}.ink-inner span{max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

.mt-12{margin-top:12px}.mt-14{margin-top:14px}
