:root{
  --ink:#172033;--ink-2:#334155;--bg:#F7F8F6;--bg-2:#EEF3F6;--surface:#FFFFFF;--surface-raised:#FBFCFD;
  --surface-soft:#E8F0F3;--navy:#18324A;--navy-dark:#10263A;--navy-deep:#0A1B2A;--cyan:#4FA3B6;
  --cyan-soft:rgba(79,163,182,.16);--coral:#E07A5F;--coral-soft:#F4D7CF;--sand:#E9E2D8;--slate:#708090;
  --text:#172033;--text-2:#526071;--text-3:#83909E;--line:#D9E1E6;--line-strong:#BCCAD2;
  --shadow:0 12px 30px rgba(31,50,68,.08);--shadow-strong:0 24px 60px rgba(24,50,74,.14);
  --radius:8px;--radius-card:16px;--radius-large:26px;--wrap:1380px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7;overflow-x:hidden;padding-bottom:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}.skip-link{position:fixed;left:12px;top:-80px;z-index:9999;background:var(--navy);color:#fff;padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}.eyebrow{font-size:.74rem;letter-spacing:.18em;font-weight:800;color:var(--cyan);text-transform:uppercase}.muted{color:var(--text-2)}.section{padding:72px 0}.section-tight{padding:48px 0}.section-alt{background:var(--bg-2)}.section-dark{background:var(--navy-deep);color:#f7fbfc}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.section-head h2,.page-title{margin:.2rem 0 0;line-height:1.15;font-size:clamp(1.75rem,3vw,3.2rem)}.section-head p{max-width:680px;margin:0;color:var(--text-2)}.section-dark .section-head p{color:#c6d3dc}.text-link{color:var(--navy);font-weight:800}.section-dark .text-link{color:#a9d8e2}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:.74rem;font-weight:800}.badge-blue{background:var(--cyan-soft);color:var(--navy)}.badge-coral{background:var(--coral-soft);color:#87412f}.badge-dark{background:rgba(255,255,255,.12);color:#fff}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip,.footer-tags a{border:1px solid var(--line);border-radius:999px;padding:7px 12px;background:#fff;color:var(--text-2);font-size:.84rem}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card-grid.three{grid-template-columns:repeat(3,1fr)}.card-grid.two{grid-template-columns:repeat(2,1fr)}.surface-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:24px}.surface-card h3{margin-top:0}.channel-strip{height:30px;background:var(--navy-deep);color:#f8fbfc;font-size:.77rem;overflow:hidden}.strip-track{display:flex;gap:34px;align-items:center;height:30px;white-space:nowrap;overflow:auto;scrollbar-width:none}.strip-track::-webkit-scrollbar{display:none}.strip-track span{display:flex;align-items:center;gap:7px}.strip-track i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 3px rgba(79,163,182,.15)}
.site-header{height:72px;position:sticky;top:0;z-index:500;background:rgba(247,248,246,.93);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.header-inner{height:72px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand img{width:42px;height:42px;object-fit:cover;border-radius:10px}.brand span{display:grid;line-height:1.15}.brand strong{font-size:1.04rem;color:var(--navy-dark)}.brand small{font-size:.68rem;color:var(--text-3);letter-spacing:.06em}.desktop-nav{display:flex;align-items:stretch;height:100%;gap:2px;flex:1}.desktop-nav a{position:relative;display:flex;align-items:center;padding:0 11px;color:var(--ink-2);font-size:.91rem;font-weight:700;border-radius:10px}.desktop-nav a:hover,.desktop-nav a.active{color:var(--navy);background:var(--surface-soft)}.desktop-nav a.active:after{content:"";position:absolute;height:2px;width:24px;background:var(--cyan);left:50%;bottom:10px;transform:translateX(-50%)}.header-actions{display:flex;gap:8px;align-items:center}.icon-button,.menu-toggle,.mini-link{border:1px solid var(--line);background:var(--surface);color:var(--navy);padding:8px 11px;border-radius:10px;font-weight:800;font-size:.83rem}.menu-toggle{display:none}.mobile-menu{position:absolute;left:0;right:0;top:72px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow-strong)}.mobile-menu[hidden]{display:none}.mobile-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:26px 0}.mobile-menu h2{font-size:.8rem;color:var(--text-3);letter-spacing:.08em}.mobile-menu a{display:block;padding:5px 0;font-weight:700}.search-modal{display:none;position:fixed;inset:0;z-index:1000;background:rgba(10,27,42,.62);align-items:flex-start;justify-content:center;padding:12vh 20px 20px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none !important}.search-dialog{width:min(760px,100%);background:#fff;border-radius:24px;box-shadow:var(--shadow-strong);padding:26px}.search-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.search-dialog h2{margin:.2rem 0;font-size:1.7rem}.search-close{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--bg);font-size:1.5rem}.search-form{margin-top:20px}.search-form label{display:block;font-weight:800;margin-bottom:8px}.search-input-row{display:grid;grid-template-columns:1fr auto;gap:10px}.search-input-row input{min-width:0;border:1px solid var(--line-strong);border-radius:12px;padding:13px 15px;background:#fff}.search-input-row button{border:0;background:var(--navy);color:#fff;border-radius:12px;padding:0 20px;font-weight:800}.search-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;color:var(--text-2)}.search-suggestions a{background:var(--bg-2);border-radius:999px;padding:6px 10px}body.search-open{overflow:hidden}
.hero-editorial{padding:54px 0 28px;background:linear-gradient(180deg,#fff 0,var(--bg) 100%)}.hero-grid{display:grid;grid-template-columns:5fr 7fr;gap:46px;align-items:center}.hero-copy h1{font-size:clamp(2.5rem,5vw,5.6rem);line-height:.98;letter-spacing:-.05em;margin:.4rem 0 22px;color:var(--navy-deep)}.hero-copy .lede{font-size:1.08rem;color:var(--text-2);max-width:640px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:11px 16px;border:1px solid var(--line-strong);font-weight:850;background:#fff;color:var(--navy)}.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn.coral{background:var(--coral);color:#fff;border-color:var(--coral)}.editor-note{border-left:3px solid var(--cyan);padding-left:14px;color:var(--text-2);margin-top:22px}.hero-visual{position:relative}.hero-visual>img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-large);box-shadow:var(--shadow-strong)}.hero-visual:after{content:"EDITORIAL 01";position:absolute;right:18px;top:18px;background:rgba(10,27,42,.84);color:#fff;padding:7px 10px;border-radius:8px;font-size:.75rem;letter-spacing:.12em}.hero-data{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px;background:var(--navy);color:#fff;border-radius:18px;overflow:hidden}.hero-data a{padding:18px 20px;border-right:1px solid rgba(255,255,255,.12)}.hero-data a:last-child{border:0}.hero-data strong{display:block;font-size:1.3rem}.hero-data span{color:#c7d5de;font-size:.82rem}.hero-mini-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:-22px;position:relative;z-index:3;padding:0 3%}.hero-mini{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:14px}.hero-mini strong{display:block;color:var(--navy);margin-bottom:4px}.stats-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.stats-bar>div{background:#fff;padding:20px}.stats-bar strong{font-size:1.55rem;color:var(--navy);display:block}.magazine-list{border-top:1px solid var(--line)}.mag-row{display:grid;grid-template-columns:70px 1.05fr .62fr 2fr 90px 100px 82px 118px;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.mag-rank{font-size:2rem;font-weight:900;color:var(--navy)}.mag-title{font-weight:850}.mag-desc{color:var(--text-2);font-size:.91rem}.mag-desc small{display:block;margin-top:6px;color:var(--navy);line-height:1.5}.timeline{position:relative;margin-left:11px;padding-left:28px;border-left:1px solid var(--line-strong)}.timeline-item{position:relative;padding:0 0 26px}.timeline-item:before{content:"";position:absolute;left:-34px;top:7px;width:11px;height:11px;border-radius:50%;background:var(--cyan);border:3px solid var(--bg)}.timeline-item strong{color:var(--navy)}.collage{display:grid;grid-template-columns:1.2fr .8fr 1fr;grid-template-rows:220px 220px;gap:16px}.collage article{position:relative;overflow:hidden;border-radius:18px;background:#fff;border:1px solid var(--line)}.collage article:first-child{grid-row:span 2}.collage article:nth-child(4){grid-column:span 2}.collage img{width:100%;height:100%;object-fit:cover}.collage .overlay-copy{position:absolute;inset:auto 0 0;padding:18px;background:linear-gradient(transparent,rgba(10,27,42,.85));color:#fff}.film-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,32%);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.film-rail>*{scroll-snap-align:start}.video-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow)}.video-card .media-link{display:block;height:100%}.media-frame{position:relative;overflow:hidden;background:var(--navy-deep);aspect-ratio:16/9}.media-frame img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.video-card:hover img{transform:scale(1.03)}.media-duration{position:absolute;right:9px;bottom:9px;background:rgba(10,27,42,.84);color:#fff;border-radius:7px;padding:4px 7px;font-size:.75rem}.card-body{padding:16px}.card-body h3{margin:.2rem 0 .45rem;line-height:1.3}.card-body p{margin:0;color:var(--text-2);font-size:.9rem}.card-kicker{font-size:.75rem;color:var(--cyan);font-weight:850}.two-plus-one{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.two-plus-one .lead-card{grid-row:span 2}.lead-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px}.stack-card{display:grid;grid-template-columns:150px 1fr;gap:14px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px}.stack-card img{width:150px;height:110px;object-fit:cover;border-radius:12px}.vertical-wall{columns:4 220px;column-gap:16px}.vertical-card{break-inside:avoid;margin:0 0 16px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.vertical-card:nth-child(odd){transform:translateY(14px)}.vertical-card img{width:100%;aspect-ratio:3/4;object-fit:cover}.vertical-card .card-body{padding:14px}.cinema-banner{position:relative;border-radius:22px;overflow:hidden;background:var(--navy-deep);color:#fff}.cinema-banner img{width:100%;aspect-ratio:21/9;object-fit:cover;opacity:.72}.cinema-banner .cinema-copy{position:absolute;inset:auto 0 0;padding:clamp(24px,5vw,64px);background:linear-gradient(transparent,rgba(10,27,42,.9))}.cinema-copy h2{font-size:clamp(2rem,4vw,4.5rem);margin:0 0 8px}.progress-board{display:grid;gap:12px}.progress-row{display:grid;grid-template-columns:1fr 100px 1fr 90px;gap:15px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}.progress-track{height:8px;background:var(--surface-soft);border-radius:999px;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--cyan);border-radius:inherit}.color-pages{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.color-page{border-radius:20px;overflow:hidden;min-height:360px;position:relative}.color-page img{width:100%;height:100%;object-fit:cover}.color-page div{position:absolute;inset:auto 0 0;padding:20px;color:#fff;background:linear-gradient(transparent,rgba(10,27,42,.88))}.type-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}.type-matrix a{background:#fff;padding:24px}.type-matrix strong{display:block;color:var(--navy);font-size:1.1rem}.creator-track{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px}.creator-card{flex:0 0 240px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.creator-card img{width:68px;height:68px;object-fit:cover;border-radius:50%;margin-bottom:12px}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step-card{counter-increment:step;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;position:relative}.step-card:before{content:"0" counter(step);display:block;color:var(--cyan);font-size:1.7rem;font-weight:900}.compare-panel{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-radius:20px;overflow:hidden}.compare-panel>div{background:#fff;padding:30px}.compare-panel h3{font-size:1.5rem}.double-ranking{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rank-list{background:var(--navy-deep);color:#fff;border-radius:18px;padding:22px}.rank-item{display:grid;grid-template-columns:46px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12)}.rank-item:last-child{border:0}.rank-num{font-weight:900;font-size:1.35rem;color:var(--cyan)}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.day-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;min-height:138px}.day-card strong{display:block;color:var(--navy);margin-bottom:8px}.keyword-map{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;min-height:280px;background:radial-gradient(circle at 50% 50%,var(--cyan-soft),transparent 62%)}.keyword-map span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 16px;box-shadow:var(--shadow)}.keyword-map span:nth-child(3n){font-size:1.2rem;color:var(--navy)}.comment-flow{columns:3 260px;column-gap:16px}.comment{break-inside:avoid;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:16px}.comment .who{font-weight:850;color:var(--navy)}.share-cta{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;background:var(--navy);color:#fff;padding:36px;border-radius:24px}.share-cta img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px}.device-stack{position:relative;min-height:460px}.device-stack img{position:absolute;object-fit:cover;border-radius:24px;box-shadow:var(--shadow-strong);border:6px solid #fff}.device-stack img:nth-child(1){width:54%;left:23%;top:0;z-index:2}.device-stack img:nth-child(2){width:34%;left:0;top:100px;transform:rotate(-4deg)}.device-stack img:nth-child(3){width:34%;right:0;top:120px;transform:rotate(4deg)}.device-stack img:nth-child(4){width:30%;left:35%;top:220px;z-index:3}.history-row{display:flex;gap:12px;overflow:auto}.history-pill{min-width:220px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.principle{background:#fff;border-top:3px solid var(--navy);padding:20px;border-radius:0 0 14px 14px}.faq-list{display:grid;gap:10px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.faq-item button{width:100%;display:flex;justify-content:space-between;gap:16px;text-align:left;padding:17px 20px;border:0;background:#fff;color:var(--text);font-weight:850}.faq-answer{padding:0 20px 18px;color:var(--text-2)}.faq-answer[hidden]{display:none}
.page-hero{padding:52px 0 32px}.page-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.page-hero img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:22px}.page-hero p{color:var(--text-2);font-size:1.04rem}.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;color:var(--text-3);font-size:.86rem;margin-bottom:16px}.breadcrumb a{color:var(--navy)}.news-desk-hero{display:grid;grid-template-columns:7fr 5fr;gap:24px;align-items:stretch}.news-lead{position:relative;border-radius:22px;overflow:hidden;min-height:480px}.news-lead img{width:100%;height:100%;object-fit:cover}.news-lead .copy{position:absolute;inset:auto 0 0;padding:34px;color:#fff;background:linear-gradient(transparent,rgba(10,27,42,.94))}.top5-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}.top5-panel ol{padding-left:1.6rem}.top5-panel li{padding:12px 0;border-bottom:1px solid var(--line)}.info-band{margin-top:18px;background:var(--navy);color:#fff;padding:14px 18px;border-radius:12px;display:flex;gap:30px;overflow:auto}.compact-news{display:grid;grid-template-columns:120px 1fr 130px;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.source-note{border-left:4px solid var(--coral);background:#fff;padding:22px;border-radius:0 14px 14px 0}.media-wide{position:relative;border-radius:24px;overflow:hidden;background:#000;color:#fff}.media-wide img{width:100%;aspect-ratio:21/9;object-fit:cover;opacity:.78}.media-wide .copy{position:absolute;inset:auto 0 0;padding:42px;background:linear-gradient(transparent,rgba(10,27,42,.94))}.genre-dock{display:flex;gap:8px;flex-wrap:wrap;margin-top:-22px;position:relative;z-index:4;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.genre-dock a{padding:7px 12px;background:var(--bg-2);border-radius:999px;font-weight:800}.portrait-hero{display:grid;grid-template-columns:5fr 7fr;gap:24px;align-items:stretch}.portrait-main{position:relative;border-radius:22px;overflow:hidden;background:var(--navy-deep)}.portrait-main img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4}.portrait-main .copy{position:absolute;inset:auto 0 0;padding:24px;background:linear-gradient(transparent,rgba(10,27,42,.92));color:#fff}.narrow-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.narrow-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.narrow-card img{width:100%;aspect-ratio:9/16;object-fit:cover}.narrow-card div{padding:11px}.time-ruler{margin-top:16px;height:42px;display:grid;grid-template-columns:repeat(6,1fr);align-items:end;border-bottom:1px solid var(--line-strong)}.time-ruler span{border-left:1px solid var(--line-strong);padding-left:6px;color:var(--text-3);font-size:.76rem}.journal-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;background:#fff;border:1px solid var(--line);padding:20px;border-radius:24px}.journal-hero img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px}.journal-meta{display:grid;align-content:center;gap:14px}.journal-date{font-size:clamp(2.2rem,5vw,5rem);font-weight:900;color:var(--navy);line-height:.9}.weather-block{display:inline-flex;width:max-content;background:var(--surface-soft);padding:8px 12px;border-radius:10px;color:var(--navy)}.diary-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.diary-note{border-top:1px solid var(--line);padding-top:18px}.theater-hero{background:var(--navy-deep);border-radius:24px;color:#fff;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr}.theater-hero img{width:100%;height:100%;min-height:460px;object-fit:cover}.theater-program{padding:32px}.program-row{display:grid;grid-template-columns:70px 1fr auto;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12)}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.world-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.magazine-topic{display:grid;gap:72px}.topic-spread{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}.topic-spread.reverse{grid-template-columns:.8fr 1.2fr}.topic-spread img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:20px}.topic-spread.reverse img{order:2}.dropcap:first-letter{float:left;font-size:4.5rem;line-height:.8;padding-right:10px;color:var(--navy);font-weight:900}.quote{font-size:1.3rem;border-left:4px solid var(--coral);padding:16px 20px;background:#fff}.ranking-workbench{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.rank-table{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.rank-table-row{display:grid;grid-template-columns:60px 1fr 100px 100px;gap:10px;padding:16px;border-bottom:1px solid var(--line);align-items:center}.trend-up{color:#1f7a65}.trend-down{color:var(--coral)}.community-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 300px;gap:20px}.community-side,.community-right{align-self:start;position:sticky;top:122px}.side-links{display:grid;gap:8px}.side-links a{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 11px}.feed{display:grid;gap:14px}.feed-post{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.post-actions{display:flex;gap:8px;margin-top:14px}.post-actions button{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:6px 10px}.browser-window{border:1px solid var(--line-strong);border-radius:22px;background:#fff;box-shadow:var(--shadow-strong);overflow:hidden}.browser-chrome{height:42px;background:var(--bg-2);display:flex;align-items:center;gap:7px;padding:0 14px}.browser-chrome i{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}.browser-window img{width:100%;aspect-ratio:16/9;object-fit:cover}.annotation-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.annotation{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;border-top:3px solid var(--cyan)}.parameter-matrix{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden}.parameter-matrix>div{padding:18px;background:#fff;border-right:1px solid var(--line)}.product-stage{background:linear-gradient(135deg,var(--navy-deep),var(--navy));border-radius:26px;color:#fff;padding:50px;display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;overflow:hidden}.product-stage-visual{position:relative;min-height:480px}.product-stage-visual img{position:absolute;border:5px solid rgba(255,255,255,.9);border-radius:28px;box-shadow:var(--shadow-strong);object-fit:cover}.product-stage-visual .phone{width:42%;left:30%;top:0;z-index:3;aspect-ratio:9/18}.product-stage-visual .left{width:34%;left:0;top:120px;transform:rotate(-5deg)}.product-stage-visual .right{width:34%;right:0;top:140px;transform:rotate(5deg)}.screen-track{display:flex;gap:16px;overflow:auto}.screen-card{min-width:260px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px}.screen-card img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:14px}.feature-split{display:grid;grid-template-columns:2fr 1fr;gap:20px}.feature-split img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:20px}.triple-phone{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.triple-phone img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:20px;border:1px solid var(--line)}.search-panel-product{background:var(--navy);color:#fff;border-radius:22px;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.search-panel-product img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px}.collection-drawer{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}.collection-drawer img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:18px}.tag-matrix{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.tag-matrix a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;text-align:center;font-weight:850}.result-group{margin:34px 0}.result-row{display:grid;grid-template-columns:160px 1fr auto;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.result-row img{width:160px;height:96px;object-fit:cover;border-radius:12px}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;background:#fff;border:1px solid var(--line);padding:14px;border-radius:14px;margin-bottom:24px}.filter-bar select,.filter-bar input{border:1px solid var(--line-strong);border-radius:10px;padding:8px 10px;background:#fff}.pagination{display:flex;gap:7px;justify-content:center;margin-top:28px}.pagination a,.pagination span{min-width:38px;text-align:center;border:1px solid var(--line);background:#fff;padding:7px 9px;border-radius:9px}.pagination .current{background:var(--navy);color:#fff;border-color:var(--navy)}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px}.detail-main img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:22px}.detail-meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.detail-copy{font-size:1.03rem}.sticky-card{position:sticky;top:120px}.timeline-mini{display:grid;gap:10px}.timeline-mini div{border-left:2px solid var(--cyan);padding-left:12px}.policy-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.policy-hero img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px}.principle-list{display:grid;gap:12px;counter-reset:principle}.principle-row{counter-increment:principle;display:grid;grid-template-columns:60px 1fr;gap:16px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.principle-row:before{content:"0" counter(principle);font-size:1.5rem;font-weight:900;color:var(--cyan)}.timeline-brand{display:grid;gap:0;border-left:2px solid var(--line);padding-left:28px}.timeline-brand article{position:relative;padding:0 0 28px}.timeline-brand article:before{content:"";position:absolute;left:-35px;top:7px;width:12px;height:12px;border-radius:50%;background:var(--coral);border:3px solid var(--bg)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-card label{display:block;font-weight:800;margin-top:12px}.form-card input,.form-card textarea,.form-card select{width:100%;border:1px solid var(--line-strong);border-radius:10px;padding:10px 12px;background:#fff}.form-card textarea{min-height:130px}.form-note{color:var(--text-2);font-size:.88rem}.empty-state{padding:48px;text-align:center;background:#fff;border:1px dashed var(--line-strong);border-radius:18px}.status-card{border-left:4px solid var(--cyan);padding:18px;background:#fff;border-radius:0 14px 14px 0}.status-card.warn{border-left-color:var(--coral)}
.site-footer{background:linear-gradient(var(--bg-2),#fff);border-top:1px solid var(--line);padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:38px}.site-footer section{display:grid;align-content:start;gap:8px}.site-footer h2{font-size:1rem;color:var(--navy);margin:0 0 8px}.site-footer p{color:var(--text-2)}.footer-rule{height:3px;width:58px;background:linear-gradient(90deg,var(--navy),var(--cyan),var(--coral));border-radius:999px}.footer-tags{display:flex;gap:6px;flex-wrap:wrap}.footer-notice{margin-top:34px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--coral);border-radius:0 12px 12px 0;color:var(--text-2)}.footer-bottom{display:flex;justify-content:space-between;gap:16px;padding-top:22px;margin-top:22px;border-top:1px solid var(--line);color:var(--text-3);font-size:.83rem}.mobile-bottom{display:none}.favorite-drawer{position:fixed;inset:0;z-index:1100;background:rgba(10,27,42,.55);justify-content:flex-end}.favorite-drawer:not([hidden]){display:flex}.favorite-drawer>div{width:min(420px,90vw);height:100%;background:#fff;padding:24px;overflow:auto}.favorite-drawer button{float:right;border:1px solid var(--line);background:#fff;border-radius:50%;width:38px;height:38px}.favorite-list{display:grid;gap:10px;margin-top:20px}.favorite-entry{border:1px solid var(--line);border-radius:12px;padding:12px}.back-top{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);z-index:300;opacity:0;pointer-events:none;transition:opacity .2s}.back-top.visible{opacity:1;pointer-events:auto}
:focus-visible{outline:3px solid rgba(79,163,182,.55);outline-offset:3px}
@media(max-width:1200px){.desktop-nav a{padding:0 7px;font-size:.84rem}.mini-link{display:none}.card-grid{grid-template-columns:repeat(3,1fr)}.color-pages{grid-template-columns:repeat(2,1fr)}.principle-grid{grid-template-columns:repeat(2,1fr)}.week-grid{grid-template-columns:repeat(4,1fr)}.community-grid{grid-template-columns:190px 1fr}.community-right{display:none}}
@media(max-width:992px){.wrap{width:min(calc(100% - 28px),var(--wrap))}.desktop-nav{display:none}.menu-toggle{display:inline-flex}.header-actions{margin-left:auto}.hero-grid,.page-hero-grid,.news-desk-hero,.portrait-hero,.journal-hero,.theater-hero,.topic-spread,.topic-spread.reverse,.ranking-workbench,.policy-hero,.product-stage,.share-cta,.feature-split,.search-panel-product,.collection-drawer,.detail-layout{grid-template-columns:1fr}.topic-spread.reverse img{order:0}.hero-mini-stack{grid-template-columns:1fr;margin-top:16px;padding:0}.card-grid,.card-grid.three{grid-template-columns:repeat(2,1fr)}.collage{grid-template-columns:1fr 1fr}.collage article:first-child{grid-row:auto}.collage article:nth-child(4){grid-column:span 2}.two-plus-one{grid-template-columns:1fr}.lead-card{grid-row:auto}.steps{grid-template-columns:repeat(2,1fr)}.type-matrix{grid-template-columns:repeat(2,1fr)}.week-grid{grid-template-columns:repeat(3,1fr)}.narrow-cards{grid-template-columns:repeat(2,1fr)}.narrow-card img{aspect-ratio:3/4}.world-grid,.annotation-grid{grid-template-columns:repeat(2,1fr)}.community-grid{grid-template-columns:1fr}.community-side{position:static;display:flex;overflow:auto;gap:8px}.community-side h2{display:none}.side-links{display:flex}.side-links a{white-space:nowrap}.product-stage-visual{min-height:420px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid section:last-child{grid-column:2/4}.mag-row{grid-template-columns:55px 1fr 1fr}.mag-row>*:nth-child(n+4){grid-column:2/4}.parameter-matrix{grid-template-columns:repeat(2,1fr)}.stats-bar{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){body{padding-bottom:74px}.channel-strip{height:28px}.site-header,.header-inner{height:64px}.mobile-menu{top:64px}.brand small{display:none}.icon-button{padding:7px 9px}.hero-editorial{padding-top:30px}.hero-grid{gap:24px}.hero-copy h1{font-size:clamp(2.4rem,12vw,4.2rem)}.hero-data{grid-template-columns:1fr 1fr}.hero-data a:nth-child(2){border-right:0}.hero-data a:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}.section{padding:52px 0}.section-head{display:block}.section-head p{margin-top:10px}.card-grid,.card-grid.three,.card-grid.two{grid-template-columns:1fr}.stats-bar{grid-template-columns:1fr 1fr}.stats-bar>div:last-child{grid-column:1/3}.mag-row{grid-template-columns:46px 1fr}.mag-row>*:nth-child(n+3){grid-column:2/3}.collage{display:flex;overflow:auto}.collage article{min-width:78vw;min-height:330px}.film-rail{grid-auto-columns:82%}.two-plus-one{gap:12px}.stack-card{grid-template-columns:110px 1fr}.stack-card img{width:110px;height:92px}.vertical-wall{columns:2 150px}.progress-row{grid-template-columns:1fr auto}.progress-row .progress-track{grid-column:1/3}.color-pages{grid-template-columns:1fr 1fr}.type-matrix{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.compare-panel,.double-ranking,.diary-columns,.contact-grid{grid-template-columns:1fr}.week-grid{display:flex;overflow:auto}.day-card{min-width:180px}.comment-flow{columns:1}.principle-grid{grid-template-columns:1fr 1fr}.news-lead{min-height:390px}.compact-news{grid-template-columns:85px 1fr}.compact-news>*:last-child{grid-column:2}.narrow-cards{grid-template-columns:repeat(2,1fr)}.theater-hero img{min-height:300px}.world-grid,.annotation-grid,.triple-phone{grid-template-columns:1fr}.rank-table-row{grid-template-columns:46px 1fr 80px}.rank-table-row>*:last-child{grid-column:2/4}.tag-matrix{grid-template-columns:repeat(2,1fr)}.result-row{grid-template-columns:110px 1fr}.result-row img{width:110px;height:78px}.result-row>*:last-child{grid-column:2}.detail-layout{gap:18px}.sticky-card{position:static}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid .footer-brand{grid-column:1/3}.footer-grid section:last-child{grid-column:auto}.footer-bottom{display:grid}.mobile-bottom{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:600;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a,.mobile-bottom button{border:0;background:transparent;padding:11px 4px;color:var(--navy);font-size:.78rem;text-align:center}.back-top{bottom:86px}.mobile-menu-grid{grid-template-columns:1fr 1fr}.product-stage{padding:30px 20px}.product-stage-visual{min-height:360px}.parameter-matrix{grid-template-columns:1fr 1fr}.search-input-row{grid-template-columns:1fr}.search-input-row button{padding:12px}.search-modal{padding-top:9vh}}
@media(max-width:520px){.wrap{width:min(calc(100% - 20px),var(--wrap))}.header-actions{gap:4px}.brand strong{font-size:.94rem}.menu-toggle,.icon-button{font-size:.77rem}.hero-data{grid-template-columns:1fr}.hero-data a{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)}.hero-data a:last-child{border-bottom:0}.stats-bar{grid-template-columns:1fr}.stats-bar>div:last-child{grid-column:auto}.vertical-wall{columns:1}.color-pages,.type-matrix,.steps,.principle-grid,.mobile-menu-grid{grid-template-columns:1fr}.film-rail{grid-auto-columns:90%}.stack-card{grid-template-columns:1fr}.stack-card img{width:100%;height:auto;aspect-ratio:16/9}.narrow-cards{display:flex;overflow:auto}.narrow-card{min-width:55vw}.parameter-matrix{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid .footer-brand{grid-column:auto}.result-row{grid-template-columns:1fr}.result-row img{width:100%;height:auto;aspect-ratio:16/9}.result-row>*:last-child{grid-column:auto}.product-stage-visual{min-height:300px}.product-stage-visual .phone{width:48%;left:26%}.product-stage-visual .left,.product-stage-visual .right{width:40%;top:95px}.collection-drawer{padding:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.vertical-card:nth-child(odd){transform:none}}