*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:Roboto,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F5F5;color:#1F2937;line-height:1.75;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:Impact,'Arial Narrow','PingFang SC Heavy','Microsoft YaHei',sans-serif;color:#0A1F44;line-height:1.15;letter-spacing:.01em}
a{color:#0A1F44;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .12s}
a:hover{color:#FF6B35}
img,svg,video{max-width:100%;display:block}
ul[class],ol[class]{list-style:none}
::selection{background:#FF6B35;color:#fff}
:focus-visible{outline:3px solid #FF6B35;outline-offset:2px}
body::before{content:'';position:fixed;top:0;left:0;width:100%;height:3px;background:#FF6B35;transform:scaleX(var(--scroll-progress,0));transform-origin:0 50%;z-index:9200;pointer-events:none}
:root{--navy:#0A1F44;--navy-deep:#0E2A5C;--orange:#FF6B35;--gray-bg:#F5F5F5;--white:#FFFFFF;--teal:#00BFA5;--purple:#7C5CFF;--ink:#1F2937;--muted:#6B7280;--border:#D1D5DB;--orange-bg:#FFF3EC;--blue-bg:#E8F4F8;--container:1280px;--radius:12px;--shadow:0 12px 24px rgba(10,31,68,.08)}
.site-container{max-width:var(--container);margin-inline:auto;padding-inline:clamp(16px,4vw,48px)}
.site-main{min-height:60vh;overflow:hidden}
.skip-link{position:absolute;top:-48px;left:16px;z-index:9300;background:#FF6B35;color:#fff;font-weight:700;padding:10px 18px;border-radius:6px;text-decoration:none;transition:top .2s}
.skip-link:focus{top:12px;color:#fff}
.site-masthead{position:relative;background-color:#0A1F44;background-image:linear-gradient(135deg,transparent 0 68%,rgba(255,107,53,.10) 68% 84%,transparent 84%);overflow:hidden}
.site-masthead::before{content:'21';position:absolute;top:6px;right:4%;font-family:Impact,'Arial Narrow','PingFang SC Heavy','Microsoft YaHei',sans-serif;font-size:132px;line-height:1;color:rgba(255,255,255,.05);pointer-events:none;z-index:0}
.masthead-topline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:14px 0 10px}
.brand-lockup{display:inline-flex;align-items:baseline;gap:8px;text-decoration:none}
.brand-mark{font-family:Impact,'Arial Narrow','PingFang SC Heavy','Microsoft YaHei',sans-serif;font-size:20px;letter-spacing:.05em;color:#fff;line-height:1}
.brand-region{font-size:11px;font-weight:700;letter-spacing:.14em;color:#FF6B35;border:1px solid rgba(255,107,53,.55);border-radius:4px;padding:2px 6px}
.round-pulse{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 10px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.9);font-size:13px;white-space:nowrap;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pulse-lamp{width:8px;height:8px;border-radius:50%;background:#FF6B35;flex:none;animation:lamp-pulse 2.4s ease-in-out infinite}
@keyframes lamp-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,107,53,.4)}50%{box-shadow:0 0 0 6px rgba(255,107,53,0)}}
.pulse-copy{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.magazine-bar{position:relative;z-index:1;background:#fff;border-bottom:3px solid #FF6B35}
.magazine-bar .site-container{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.nav-ledger{display:flex;list-style:none;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px}
.nav-ledger a{position:relative;display:inline-block;padding:15px 18px 13px;font-weight:700;font-size:15px;color:#0A1F44;text-decoration:none;transition:color .12s}
.nav-ledger a::after{content:'';position:absolute;left:18px;right:18px;bottom:6px;height:2px;background:#FF6B35;transform:scaleX(0);transform-origin:left center;transition:transform .15s ease}
.nav-ledger a:hover{color:#FF6B35}
.nav-ledger a:hover::after,.nav-ledger a[aria-current="page"]::after{transform:scaleX(1)}
.nav-ledger a[aria-current="page"]{color:#FF6B35}
.nav-ledger li+li{border-left:1px solid #D1D5DB}
.nav-toggle{display:none;align-items:center;gap:8px;background:transparent;border:1px solid rgba(10,31,68,.25);border-radius:6px;font:inherit;font-size:13px;font-weight:700;color:#0A1F44;padding:7px 12px;cursor:pointer;transition:border-color .12s,background .12s}
.nav-toggle:hover{background:#FFF3EC;border-color:rgba(10,31,68,.4)}
.toggle-hint{line-height:1}
.toggle-box{display:inline-flex;flex-direction:column;gap:3px}
.toggle-box i{display:block;width:16px;height:2px;background:#0A1F44;transition:transform .15s,opacity .15s}
.nav-toggle[aria-expanded="true"] .toggle-box i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] .toggle-box i:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] .toggle-box i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.chapter-ledger{display:flex;align-items:baseline;gap:18px;border-bottom:1px solid #D1D5DB;padding-bottom:12px;margin-bottom:28px}
.chapter-index{font-family:Impact,'Arial Narrow','PingFang SC Heavy','Microsoft YaHei',sans-serif;font-size:clamp(52px,7vw,76px);line-height:.8;color:#0A1F44;opacity:.14;letter-spacing:.02em}
.chapter-title{font-family:Impact,'Arial Narrow','PingFang SC Heavy','Microsoft YaHei',sans-serif;font-size:clamp(22px,3vw,30px);color:#0A1F44;line-height:1}
.chapter-ledger.on-dark .chapter-index{color:#fff;opacity:.25}
.chapter-ledger.on-dark .chapter-title{color:#fff}
.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.bento-tile{grid-column:span 4;background:#fff;border:1px solid #D1D5DB;border-radius:12px;padding:24px;transition:transform .16s,border-color .16s,box-shadow .16s}
.bento-tile:hover{transform:translateY(-4px);border-color:rgba(10,31,68,.22);box-shadow:0 12px 24px rgba(10,31,68,.08)}
.glass-panel{background:rgba(255,255,255,.74);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:12px}
.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#FFF3EC;color:#0A1F44;font-size:12px;font-weight:700;letter-spacing:.02em}
.status-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:#FF6B35}
.status-badge[data-state="sync"],.status-badge[data-state="film"]{background:#E8F4F8}
.status-badge[data-state="sync"]::before{background:#00BFA5}
.status-badge[data-state="film"]::before{background:#7C5CFF}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border:1px solid transparent;border-radius:6px;font:inherit;font-weight:700;font-size:14px;text-decoration:none;cursor:pointer;transition:background .14s,border-color .14s,color .14s,transform .14s}
.btn-primary{background:#FF6B35;color:#fff}
.btn-primary:hover{background:#e55726;color:#fff;transform:translateY(-1px)}
.btn-ghost{border-color:#D1D5DB;background:transparent;color:#0A1F44}
.btn-ghost:hover{border-color:#0A1F44;background:rgba(10,31,68,.04);color:#0A1F44}
.content-container{max-width:840px;margin-inline:auto;padding:clamp(28px,6vw,72px) clamp(16px,4vw,48px);color:#1F2937}
.content-container h2{font-size:28px;margin:36px 0 14px;padding-bottom:8px;border-bottom:2px solid #D1D5DB}
.content-container p{margin-bottom:16px}
.content-container ul,.content-container ol{margin:0 0 16px 22px}
.content-container li{margin-bottom:8px}
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none;padding:18px 0 0;font-size:13px;color:#6B7280}
.breadcrumb li+li::before{content:'/';margin-right:6px;color:#D1D5DB}
.breadcrumb a{color:#6B7280;text-decoration:none}
.breadcrumb a:hover{color:#FF6B35}
.section-note{font-size:14px;color:#6B7280;border-left:3px solid #FF6B35;padding:4px 0 4px 14px;margin-bottom:24px}
.data-embed{background:#E8F4F8;border:1px solid rgba(10,31,68,.12);border-radius:12px;padding:20px;overflow-x:auto}
.data-embed table{width:100%;border-collapse:collapse;font-size:14px}
.data-embed th{font-weight:700;text-align:left;color:#0A1F44;border-bottom:2px solid rgba(10,31,68,.15);padding:8px}
.data-embed td{padding:8px;border-bottom:1px solid rgba(10,31,68,.08)}
.data-embed tr:last-child td{border-bottom:0}
.image-frame,.image-poster,.image-wide,.image-square{position:relative;display:block;overflow:hidden;background:linear-gradient(140deg,#0E2A5C,#0A1F44);border-radius:12px}
.image-frame{aspect-ratio:16/9}
.image-poster{aspect-ratio:3/4}
.image-wide{aspect-ratio:21/9}
.image-square{aspect-ratio:1/1}
.image-frame img,.image-poster img,.image-wide img,.image-square img{width:100%;height:100%;object-fit:cover}
.image-frame::after,.image-poster::after,.image-wide::after,.image-square::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(10,31,68,.28));pointer-events:none}
.site-endsheet{position:relative;color:rgba(255,255,255,.78);background-color:#0A1F44;background-image:linear-gradient(130deg,transparent 0 76%,rgba(255,107,53,.12) 76% 90%,transparent 90%)}
.site-endsheet::before{content:'';display:block;height:3px;background:linear-gradient(90deg,#FF6B35 0 34%,transparent 34%)}
.endsheet-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:40px;padding:52px 0 44px}
.endsheet-brand .brand-sign{font-family:Impact,'Arial Narrow','PingFang SC Heavy','Microsoft YaHei',sans-serif;font-size:26px;letter-spacing:.04em;color:#fff;display:inline-flex;align-items:center;gap:10px}
.brand-sign::after{content:'';width:34px;height:3px;background:#FF6B35}
.trust-note{margin-top:14px;font-size:14px;line-height:1.8;color:rgba(255,255,255,.62);max-width:34em}
.endsheet-heading{font-family:Roboto,'PingFang SC','Microsoft YaHei',sans-serif;font-size:14px;font-weight:700;letter-spacing:.08em;color:#fff;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.14)}
.endsheet-links li+li,.legal-links li+li{margin-top:10px}
.endsheet-links a,.legal-links a{color:rgba(255,255,255,.8);text-decoration:none;font-size:14px;transition:color .12s}
.endsheet-links a:hover,.legal-links a:hover{color:#FF6B35}
.footer-tip{font-size:14px;line-height:1.8;color:rgba(255,255,255,.7)}
.footer-action{display:inline-block;margin-top:14px;padding:9px 18px;border-radius:6px;background:#FF6B35;color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:background .14s,transform .14s}
.footer-action:hover{background:#e55726;color:#fff;transform:translateY(-1px)}
.contact-lines{font-size:14px;line-height:1.8;color:rgba(255,255,255,.72);overflow-wrap:anywhere}
.contact-lines li{position:relative;padding-left:16px}
.contact-lines li::before{content:'';position:absolute;left:0;top:.75em;width:5px;height:5px;border-radius:50%;background:#FF6B35;opacity:.8}
.icp-line{font-size:13px;letter-spacing:.04em;color:rgba(255,255,255,.9);font-weight:700;margin-bottom:12px}
.legal-links{display:flex;flex-wrap:wrap;gap:14px}
.endsheet-bottom{border-top:1px solid rgba(255,255,255,.12);padding:20px 0 24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:rgba(255,255,255,.55)}
.js-ready [data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .4s ease}
.js-ready [data-reveal][data-revealed="true"]{opacity:1;transform:none}
@media (max-width:1024px){
  .endsheet-grid{grid-template-columns:1fr 1fr;gap:32px}
  .bento-tile{grid-column:span 6}
}
@media (max-width:760px){
  .masthead-topline{min-height:58px}
  .brand-mark{font-size:18px}
  .round-pulse{font-size:12px;padding:5px 10px 5px 8px}
  .nav-toggle{display:inline-flex}
  .magazine-bar .site-container{justify-content:center}
  .nav-ledger{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 6px}
  .magazine-bar[data-open="true"] .nav-ledger{display:flex}
  .nav-ledger li{border-left:0}
  .nav-ledger li+li{border-left:0;border-top:1px solid #D1D5DB}
  .nav-ledger a{text-align:center;padding:14px 16px;display:block}
  .nav-ledger a::after{left:30%;right:30%}
  .endsheet-grid{grid-template-columns:1fr;gap:28px}
  .endsheet-bottom{flex-direction:column;text-align:center}
  .bento-tile{grid-column:span 12}
}
@media (max-width:480px){
  .toggle-hint{display:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .pulse-lamp{animation:none}
  .js-ready [data-reveal]{opacity:1;transform:none;transition:none}
  .bento-tile,.footer-action,.btn,.nav-ledger a::after,.toggle-box i,a,.skip-link,.endsheet-links a,.legal-links a{transition:none}
}