: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",Arial,sans-serif;line-height:1.7;overflow-x:hidden}
body.search-open{overflow:hidden}
img{max-width:100%;display:block;object-fit:cover}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.wrap{width:min(calc(100% - 40px),var(--wrap));margin:0 auto}
.site-main{min-height:60vh}
.skip-link{position:fixed;left:16px;top:-80px;background:#fff;padding:10px 14px;border-radius:8px;z-index:9999;box-shadow:var(--shadow)}
.skip-link:focus{top:16px}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.channel-guide{height:30px;background:var(--navy-deep);color:#f8fbfd;font-size:13px;overflow:hidden}
.guide-track{height:30px;display:flex;align-items:center;gap:28px;white-space:nowrap;overflow:hidden}
.guide-track span{display:flex;align-items:center;gap:8px}
.guide-track i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(79,163,182,.12)}
.site-header{position:sticky;top:0;z-index:90;background:rgba(247,248,246,.93);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.header-row{min-height:72px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:10px;min-width:170px}
.brand img{width:42px;height:42px;border-radius:11px}
.brand span{display:grid;line-height:1.15}
.brand strong{font-size:19px;letter-spacing:.02em}.brand small{font-size:11px;color:var(--text-3);margin-top:5px}
.desktop-nav{display:flex;align-items:center;gap:4px;flex:1}
.desktop-nav a{position:relative;padding:10px 11px;border-radius:10px;color:var(--ink-2);font-size:14px;font-weight:600}
.desktop-nav a:hover,.desktop-nav a.active{background:var(--surface-soft);color:var(--navy)}
.desktop-nav a.active::after{content:"";position:absolute;left:34%;right:34%;bottom:3px;height:2px;background:var(--cyan);border-radius:2px}
.header-actions{display:flex;align-items:center;gap:8px}
.header-actions a,.header-actions button{border:0;background:transparent;color:var(--navy);font-weight:650;font-size:13px;padding:9px 9px;border-radius:9px}
.header-actions a:hover,.header-actions button:hover{background:#fff}
.menu-button{display:none!important}
.mobile-menu{border-top:1px solid var(--line);background:#fff}.mobile-menu[hidden]{display:none!important}
.mobile-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:24px 0}.mobile-menu h2{font-size:13px;color:var(--navy);margin:0 0 8px}.mobile-menu a{display:block;padding:5px 0;color:var(--text-2)}
.search-modal{display:none;position:fixed;inset:0;z-index:200;background:rgba(10,27,42,.58);padding:8vh 20px 20px;align-items:flex-start;justify-content:center}
.search-modal.is-open{display:flex}
.search-modal[hidden]{display:none!important}
.search-dialog{width:min(760px,100%);background:#fff;border-radius:22px;box-shadow:var(--shadow-strong);padding:28px;border:1px solid rgba(255,255,255,.7)}
.search-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.search-dialog-head h2{margin:4px 0 0;font-size:28px}.search-close{border:1px solid var(--line);background:var(--bg);padding:8px 14px;border-radius:10px;color:var(--ink-2)}
.search-form{margin-top:20px}.search-form label{font-size:13px;font-weight:700;color:var(--text-2)}.search-field{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:6px}.search-field input{min-width:0;border:1px solid var(--line-strong);border-radius:12px;padding:13px 14px;background:#fff}.search-field button{border:0;border-radius:12px;background:var(--navy);color:#fff;padding:0 20px;font-weight:700}.search-suggest{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:center}.search-suggest span{font-size:12px;color:var(--text-3)}.search-suggest a{padding:6px 10px;background:var(--bg-2);border-radius:999px;font-size:13px}
.noscript-note{padding:10px 20px;background:#fff6e9;border-bottom:1px solid #ecd7b3;text-align:center;font-size:14px}
.section{padding:72px 0}.section.compact{padding:48px 0}.section.tinted{background:var(--bg-2)}.section.dark{background:var(--navy-deep);color:#eef7f9}.section.sand{background:#f1eee8}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:26px}.section-head h2{font-size:clamp(27px,3vw,44px);line-height:1.16;margin:5px 0 8px;letter-spacing:-.025em}.section-head p{max-width:760px;margin:0;color:var(--text-2)}.dark .section-head p{color:#bfd0db}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--cyan)}.text-link{font-weight:700;color:var(--navy);white-space:nowrap}.dark .text-link{color:#d9f4fa}
.hero-editorial{padding:48px 0 32px;background:linear-gradient(135deg,#f7f8f6 0%,#edf3f5 67%,#f2e7df 100%)}
.hero-grid{display:grid;grid-template-columns:5fr 7fr;gap:36px;align-items:center}.hero-copy{padding:30px 0}.hero-copy h1{font-size:clamp(42px,5vw,74px);line-height:1.03;margin:12px 0 18px;letter-spacing:-.045em;max-width:760px}.hero-copy>p{font-size:18px;color:var(--text-2);max-width:650px}.hero-note{border-left:3px solid var(--coral);padding:12px 14px;margin:20px 0;background:rgba(255,255,255,.58);border-radius:0 12px 12px 0;color:var(--ink-2)}.hero-tags,.tag-row{display:flex;flex-wrap:wrap;gap:8px}.hero-tags span,.tag-row span{border:1px solid var(--line);background:rgba(255,255,255,.76);padding:5px 10px;border-radius:999px;font-size:12px;color:var(--ink-2)}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:11px 17px;font-weight:750;border:1px solid var(--navy);background:var(--navy);color:#fff}.button.secondary{background:transparent;color:var(--navy)}.button.light{background:#fff;color:var(--navy);border-color:#fff}.button.coral{background:var(--coral);border-color:var(--coral)}
.hero-visual{position:relative}.hero-visual>img{width:100%;aspect-ratio:16/10;border-radius:var(--radius-large);box-shadow:var(--shadow-strong)}.hero-floating{position:absolute;right:-12px;bottom:-22px;width:44%;background:#fff;border-radius:16px;padding:13px;box-shadow:var(--shadow)}.hero-floating strong{display:block;font-size:14px}.hero-floating span{font-size:12px;color:var(--text-2)}
.hero-stats{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.hero-stat{padding:17px 20px;border-right:1px solid var(--line)}.hero-stat:last-child{border-right:0}.hero-stat strong{display:block;font-size:22px;color:var(--navy)}.hero-stat span{font-size:12px;color:var(--text-2)}
.data-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.data-cell{background:#fff;padding:18px}.data-cell strong{display:block;font-size:21px;color:var(--navy)}.data-cell span{font-size:12px;color:var(--text-3)}
.magazine-list{border-top:2px solid var(--navy)}.magazine-row{display:grid;grid-template-columns:70px 1.2fr .6fr 1.5fr 100px 90px;gap:16px;align-items:start;padding:20px 10px;border-bottom:1px solid var(--line)}.magazine-rank{font-size:30px;font-weight:850;color:var(--navy)}.magazine-row h3{margin:2px 0;font-size:19px;line-height:1.35}.magazine-row p{margin:0;color:var(--text-2);font-size:14px}.meta-small{font-size:12px;color:var(--text-3)}
.timeline{position:relative;padding-left:26px}.timeline::before{content:"";position:absolute;left:7px;top:5px;bottom:5px;width:1px;background:var(--line-strong)}.timeline-item{position:relative;padding:0 0 26px 20px}.timeline-item::before{content:"";position:absolute;left:-24px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px var(--cyan-soft)}.timeline-item strong{font-size:13px;color:var(--coral)}.timeline-item h3{margin:4px 0 5px}.timeline-item p{margin:0;color:var(--text-2)}
.collage{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:220px 220px;gap:14px}.collage-card{position:relative;overflow:hidden;border-radius:16px;background:var(--navy)}.collage-card:first-child{grid-row:1/3}.collage-card img{width:100%;height:100%}.collage-overlay{position:absolute;inset:auto 0 0;padding:50px 18px 16px;background:linear-gradient(transparent,rgba(10,27,42,.86));color:#fff}.collage-overlay h3{margin:0 0 3px}.collage-overlay p{margin:0;font-size:13px;color:#d7e5ea}
.rail-wrap{position:relative}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,360px);gap:16px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}.rail>*{scroll-snap-align:start}.rail-controls{display:flex;gap:8px;justify-content:flex-end;margin-bottom:12px}.rail-controls button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 12px}
.media-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;box-shadow:0 8px 18px rgba(24,50,74,.04)}.media-card-image{display:block;overflow:hidden;background:var(--surface-soft)}.media-card-image img{width:100%;aspect-ratio:16/9;transition:transform .35s ease}.media-card:hover img{transform:scale(1.025)}.media-card-portrait .media-card-image img{aspect-ratio:3/4}.media-card-vertical .media-card-image img{aspect-ratio:9/16}.media-card-body{padding:15px}.media-card h3{font-size:18px;line-height:1.35;margin:8px 0}.media-card p{font-size:14px;color:var(--text-2);margin:0}.meta-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--text-3)}
.badge{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:750;border:1px solid var(--line)}.badge-cyan{background:var(--cyan-soft);border-color:transparent;color:#25687a}.badge-coral{background:var(--coral-soft);border-color:transparent;color:#9d4b37}.badge-navy{background:var(--navy);border-color:var(--navy);color:#fff}.badge-soft{background:var(--bg-2);color:var(--ink-2)}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grid-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.editor-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.editor-grid .stack{display:grid;gap:18px}.image-story{position:relative;border-radius:18px;overflow:hidden;min-height:320px}.image-story img{position:absolute;inset:0;width:100%;height:100%}.image-story .story-copy{position:absolute;inset:auto 0 0;padding:80px 22px 20px;background:linear-gradient(transparent,rgba(10,27,42,.88));color:#fff}.image-story h3{font-size:25px;margin:0 0 7px}.image-story p{margin:0;color:#d7e5ea}
.short-wall{display:grid;grid-template-columns:1fr .85fr 1fr .85fr;gap:14px;align-items:start}.short-wall .media-card:nth-child(even){margin-top:42px}
.wide-feature{position:relative;border-radius:24px;overflow:hidden;min-height:390px;background:#101b25}.wide-feature>img{width:100%;aspect-ratio:21/9;min-height:390px}.wide-feature .wide-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;background:linear-gradient(90deg,rgba(10,27,42,.9),rgba(10,27,42,.22) 65%);color:#fff}.wide-copy h2,.wide-copy h3{max-width:740px;font-size:clamp(32px,4vw,52px);line-height:1.1;margin:8px 0 12px}.wide-copy p{max-width:650px;color:#dce8ec}
.progress-board{display:grid;gap:10px}.progress-row{display:grid;grid-template-columns:1.2fr 1fr 140px 120px;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);padding:16px 18px;border-radius:14px}.progress-track{height:7px;background:var(--bg-2);border-radius:10px;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--cyan)}
.poster-page{display:grid;grid-template-columns:1.1fr .9fr;gap:0;border-radius:22px;overflow:hidden;background:var(--navy-deep);color:#fff}.poster-page img{width:100%;height:100%;min-height:430px}.poster-copy{padding:40px;align-self:center}.poster-copy h3{font-size:38px;line-height:1.1;margin:10px 0 16px}.poster-copy p{color:#cbdde4}.number-list{counter-reset:item;display:grid;gap:12px}.number-list article{counter-increment:item;display:grid;grid-template-columns:62px 1fr;gap:14px;background:#fff;padding:18px;border-radius:14px;border:1px solid var(--line)}.number-list article::before{content:counter(item,decimal-leading-zero);font-size:28px;font-weight:850;color:var(--navy)}.number-list h3{margin:0 0 5px}.number-list p{margin:0;color:var(--text-2)}
.category-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-tile{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;min-height:145px}.category-tile strong{font-size:20px;color:var(--navy)}.category-tile p{margin:8px 0 0;color:var(--text-2);font-size:14px}.category-tile:hover{border-color:var(--cyan);box-shadow:var(--shadow)}
.avatar-rail{display:grid;grid-auto-flow:column;grid-auto-columns:230px;overflow:auto;gap:15px;padding-bottom:8px}.creator-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.creator-card img{width:78px;height:78px;border-radius:50%;margin-bottom:12px}.creator-card h3{margin:0}.creator-card p{color:var(--text-2);font-size:13px}
.steps{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.step-card{background:#fff;border:1px solid var(--line);padding:15px;border-radius:14px}.step-card b{display:block;color:var(--coral);font-size:12px}.step-card h3{font-size:15px;line-height:1.3;margin:7px 0}.step-card p{font-size:12px;color:var(--text-2);margin:0}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-card{position:relative;background:#fff;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.compare-card img{width:100%;aspect-ratio:16/9}.compare-card .label{position:absolute;top:12px;left:12px;background:rgba(10,27,42,.86);color:#fff;border-radius:999px;padding:5px 9px;font-size:11px}.compare-card div:last-child{padding:18px}.compare-card h3{margin:0 0 6px}
.dual-ranking{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rank-panel{background:var(--navy-deep);color:#fff;border-radius:18px;padding:24px}.rank-panel h3{margin:0 0 14px;font-size:24px}.rank-row{display:grid;grid-template-columns:38px 1fr auto;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.12)}.rank-row b{font-size:20px;color:#8ed1de}.rank-row small{color:#afc4ce}.rank-row .trend{color:#f2a18c}
.week-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px}.day-card strong{display:block;color:var(--navy);margin-bottom:8px}.day-card span{font-size:12px;color:var(--text-3)}.day-card p{font-size:13px;margin:5px 0 0;color:var(--text-2)}
.topic-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr 1.25fr;gap:12px}.topic-cover{position:relative;border-radius:16px;overflow:hidden;min-height:320px}.topic-cover:nth-child(2),.topic-cover:nth-child(3){min-height:390px}.topic-cover img{width:100%;height:100%;position:absolute;inset:0}.topic-cover div{position:absolute;inset:auto 0 0;padding:60px 17px 16px;background:linear-gradient(transparent,rgba(10,27,42,.88));color:#fff}.topic-cover h3{margin:0;line-height:1.25}.topic-cover p{font-size:12px;color:#d8e6ea;margin:6px 0 0}
.keyword-map{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;min-height:260px}.keyword-map span{padding:10px 15px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 20px rgba(24,50,74,.04)}.keyword-map span:nth-child(3n){font-size:22px;color:var(--navy)}.keyword-map span:nth-child(4n){background:var(--cyan-soft);border-color:transparent}.keyword-map span:nth-child(5n){background:var(--coral-soft);border-color:transparent}
.comment-flow{columns:3 280px;column-gap:16px}.comment-card{break-inside:avoid;background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;margin:0 0 16px}.comment-card p{margin:7px 0;color:var(--text-2)}.comment-card small{color:var(--text-3)}
.callout{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;background:var(--navy);color:#fff;border-radius:24px;padding:32px}.callout h2{font-size:34px;line-height:1.15;margin:6px 0 12px}.callout p{color:#d5e3e8}.callout-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.device-stage{position:relative;min-height:480px;background:linear-gradient(135deg,var(--navy-deep),var(--navy) 62%,#28576b);border-radius:26px;overflow:hidden;padding:34px;color:#fff}.device-stage>img.phone{position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);width:260px;aspect-ratio:9/18;border-radius:36px;box-shadow:var(--shadow-strong)}.device-stage .screen{position:absolute;width:205px;border-radius:22px;box-shadow:var(--shadow-strong);border:7px solid rgba(255,255,255,.94)}.device-stage .screen.left{left:8%;top:85px;transform:rotate(-5deg)}.device-stage .screen.right{right:8%;top:55px;transform:rotate(5deg)}.device-stage .screen img{width:100%;aspect-ratio:9/18}.device-copy{max-width:420px}.device-copy p{color:#cde0e7}
.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.principle{background:#fff;border:1px solid var(--line);border-top:3px solid var(--cyan);padding:19px;border-radius:12px}.principle h3{margin:0 0 6px}.principle p{margin:0;color:var(--text-2);font-size: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%;border:0;background:#fff;text-align:left;padding:17px 20px;display:flex;justify-content:space-between;gap:20px;font-weight:750;color:var(--ink)}.faq-item button::after{content:"+";font-size:20px;color:var(--cyan)}.faq-item button[aria-expanded="true"]::after{content:"–"}.faq-panel{padding:0 20px 18px;color:var(--text-2)}.faq-panel[hidden]{display:none!important}
.page-hero{padding:54px 0;background:linear-gradient(145deg,#f7f8f6,#e9f0f3)}.page-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.page-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.06;margin:8px 0 16px;letter-spacing:-.035em}.page-hero p{font-size:17px;color:var(--text-2)}.page-hero img{width:100%;aspect-ratio:16/9;border-radius:22px;box-shadow:var(--shadow)}
.news-focus{padding:42px 0;background:#f7f8f6}.news-focus-grid{display:grid;grid-template-columns:7fr 5fr;gap:20px}.news-main{position:relative;border-radius:20px;overflow:hidden;min-height:470px}.news-main img{position:absolute;inset:0;width:100%;height:100%}.news-main div{position:absolute;inset:auto 0 0;padding:90px 26px 26px;background:linear-gradient(transparent,rgba(10,27,42,.92));color:#fff}.news-main h1{font-size:42px;line-height:1.1;margin:7px 0 10px}.news-side{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.news-side h2{font-size:16px;margin:0 0 8px}.news-side article{padding:14px 0;border-top:1px solid var(--line)}.news-side h3{margin:3px 0;font-size:17px}.news-info-band{margin-top:18px;background:var(--navy);color:#fff;border-radius:12px;padding:13px 18px;display:flex;justify-content:space-between;gap:20px;font-size:13px}
.date-index{display:flex;flex-wrap:wrap;gap:8px}.date-index span{padding:7px 11px;border:1px solid var(--line);background:#fff;border-radius:999px;font-size:12px}.news-row{display:grid;grid-template-columns:130px 1fr 180px;gap:20px;padding:19px 0;border-bottom:1px solid var(--line)}.news-row time{font-weight:750;color:var(--coral)}.news-row h3{margin:0 0 5px}.news-row p{margin:0;color:var(--text-2)}
.cinema-hero{padding:30px 0 0;background:var(--navy-deep);color:#fff}.cinema-banner{position:relative;border-radius:22px 22px 0 0;overflow:hidden;min-height:510px}.cinema-banner img{width:100%;aspect-ratio:21/9;min-height:510px}.cinema-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:40px;background:linear-gradient(90deg,rgba(10,27,42,.93),rgba(10,27,42,.2) 72%)}.cinema-overlay h1{font-size:56px;line-height:1.04;margin:8px 0 12px;max-width:700px}.cinema-overlay p{max-width:620px;color:#cee0e6}.genre-dock{position:relative;margin-top:-1px;background:#fff;color:var(--text);border-radius:0 0 22px 22px;display:flex;gap:9px;flex-wrap:wrap;padding:16px 22px}.genre-dock a{padding:7px 12px;background:var(--bg-2);border-radius:999px;font-size:13px}
.shorts-hero{padding:46px 0;background:#f1eee8}.shorts-stage{display:grid;grid-template-columns:1.15fr 2fr;gap:18px}.shorts-feature{position:relative;min-height:610px;border-radius:22px;overflow:hidden}.shorts-feature img{position:absolute;inset:0;width:100%;height:100%}.shorts-feature div{position:absolute;inset:auto 0 0;padding:80px 22px 20px;background:linear-gradient(transparent,rgba(10,27,42,.9));color:#fff}.shorts-feature h1{font-size:42px;line-height:1.07;margin:8px 0 12px}.shorts-side-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:start}.narrow-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.narrow-card:nth-child(even){margin-top:54px}.narrow-card img{width:100%;aspect-ratio:9/16}.narrow-card div{padding:12px}.narrow-card h3{font-size:14px;line-height:1.3;margin:0}.duration-scale{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line-strong);padding-top:12px;color:var(--text-3);font-size:12px}
.vlog-hero{padding:50px 0;background:#f5f0e8}.vlog-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:28px;align-items:center}.vlog-date{font-size:70px;line-height:.9;font-weight:850;color:var(--navy)}.vlog-date span{display:block;font-size:13px;color:var(--coral);letter-spacing:.14em;margin-top:14px}.vlog-photo{position:relative}.vlog-photo img{width:100%;aspect-ratio:4/3;border-radius:4px 22px 22px 4px;box-shadow:var(--shadow)}.vlog-sticky{position:absolute;left:-55px;bottom:28px;background:#fff0db;padding:16px;transform:rotate(-2deg);width:210px;box-shadow:var(--shadow)}.vlog-sticky strong{display:block}.vlog-sticky small{color:var(--text-2)}
.diary-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.diary-entry{display:grid;grid-template-columns:90px 1fr;gap:16px;border-top:1px solid var(--line);padding:22px 0}.diary-time{font-size:13px;color:var(--coral);font-weight:800}.diary-entry h3{margin:0 0 6px}.diary-entry p{color:var(--text-2);margin:0}
.theater-hero{background:var(--navy-deep);color:#fff;padding:34px 0 50px}.theater-stage{display:grid;grid-template-columns:1.4fr .6fr;gap:18px}.theater-image{position:relative;border-radius:22px;overflow:hidden;min-height:500px}.theater-image img{position:absolute;inset:0;width:100%;height:100%}.theater-copy{position:absolute;inset:auto 0 0;padding:90px 26px 26px;background:linear-gradient(transparent,rgba(10,27,42,.92))}.theater-copy h1{font-size:50px;line-height:1.04;margin:6px 0 12px}.schedule-panel{border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:22px;background:rgba(255,255,255,.06)}.schedule-panel h2{margin-top:0}.schedule-mini{padding:13px 0;border-top:1px solid rgba(255,255,255,.12)}.schedule-mini small{color:#8ed1de}
.magazine-hero{padding:56px 0;background:#eee9df}.magazine-cover{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.magazine-cover img{width:100%;aspect-ratio:4/3;border-radius:2px 30px 2px 2px;box-shadow:var(--shadow)}.magazine-cover h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,5vw,74px);line-height:1.02;margin:10px 0 16px}.issue-mark{display:inline-flex;padding:5px 8px;border:1px solid var(--navy);font-size:11px;letter-spacing:.14em}.chapter{display:grid;grid-template-columns:120px 1fr 280px;gap:26px;padding:52px 0;border-top:1px solid var(--line)}.chapter-no{font:700 52px/1 Georgia,serif;color:var(--navy)}.chapter h2{font:700 38px/1.15 Georgia,serif;margin:0 0 15px}.chapter p{color:var(--text-2)}.chapter aside{font-size:13px;border-left:2px solid var(--cyan);padding-left:16px;color:var(--text-2)}
.ranking-hero{padding:42px 0;background:#f7f8f6}.ranking-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:20px}.ranking-title h1{font-size:54px;line-height:1.05;margin:0}.top10{background:var(--navy-deep);border-radius:22px;color:#fff;overflow:hidden}.top10-row{display:grid;grid-template-columns:70px 1.2fr .7fr 100px;gap:16px;align-items:center;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1)}.top10-row:first-child{border-top:0}.top10-row b{font-size:28px;color:#89d0df}.top10-row h3{margin:0}.trend-up{color:#f1a18b}.trend-flat{color:#cbd7dc}
.community-hero{padding:45px 0;background:linear-gradient(120deg,#eef3f6,#f7f8f6)}.community-intro{display:grid;grid-template-columns:1fr .7fr;gap:24px;align-items:center}.community-intro h1{font-size:55px;line-height:1.05;margin:8px 0 14px}.community-intro img{width:100%;aspect-ratio:4/3;border-radius:22px}.community-workspace{display:grid;grid-template-columns:220px minmax(0,1fr) 280px;gap:20px;align-items:start}.community-side,.community-right{position:sticky;top:115px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.community-side h2,.community-right h2{font-size:14px;margin:0 0 10px}.community-side a{display:block;padding:8px;border-radius:8px;color:var(--text-2)}.community-side a:hover{background:var(--bg-2)}.post-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:14px}.post-card h3{margin:6px 0}.post-card p{color:var(--text-2)}.post-actions{display:flex;gap:8px}.post-actions button{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:6px 10px;font-size:12px}
.product-hero{padding:54px 0;background:var(--navy-deep);color:#fff}.product-stage{position:relative;min-height:600px;border-radius:26px;background:radial-gradient(circle at 50% 10%,rgba(79,163,182,.32),transparent 45%),linear-gradient(145deg,#10263a,#0a1b2a);overflow:hidden;padding:44px}.product-stage h1{font-size:58px;line-height:1.02;margin:8px 0 15px;max-width:760px}.product-stage>p{max-width:650px;color:#c9dce3}.product-stage .app-main{position:absolute;left:50%;bottom:-60px;transform:translateX(-50%);width:290px;border-radius:42px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.product-stage .app-float{position:absolute;width:220px;border:8px solid #f7f8f6;border-radius:28px;box-shadow:var(--shadow-strong)}.product-stage .app-float.left{left:7%;bottom:60px;transform:rotate(-7deg)}.product-stage .app-float.right{right:7%;bottom:120px;transform:rotate(6deg)}
.app-rail{display:grid;grid-auto-flow:column;grid-auto-columns:260px;gap:14px;overflow:auto;padding:5px 0 14px}.app-screen{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.app-screen img{width:100%;aspect-ratio:9/16}.app-screen div{padding:16px}.app-screen h3{margin:0 0 7px}.app-screen p{font-size:13px;color:var(--text-2)}.app-screen ul{padding-left:18px;color:var(--text-2);font-size:12px}
.split-feature{display:grid;grid-template-columns:2fr 1fr;gap:22px;align-items:stretch}.split-feature .large-screen{background:#fff;border-radius:22px;padding:18px;border:1px solid var(--line)}.split-feature .large-screen img{width:100%;aspect-ratio:16/10;border-radius:14px}.ability-list{background:var(--navy);color:#fff;border-radius:22px;padding:24px}.ability-list p{color:#d3e2e7}.ability-list li{margin:10px 0}
.browser-window{background:#fff;border:1px solid var(--line-strong);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.browser-bar{height:42px;background:var(--bg-2);display:flex;align-items:center;gap:7px;padding:0 14px}.browser-bar i{width:10px;height:10px;border-radius:50%;background:var(--line-strong)}.browser-window img{width:100%;aspect-ratio:16/9}.feature-annotation{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.annotation-list{display:grid;gap:12px}.annotation-item{border-left:2px solid var(--cyan);padding:8px 0 8px 15px}.annotation-item h3{margin:0 0 5px}.annotation-item p{margin:0;color:var(--text-2)}
.param-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}.param-table th,.param-table td{padding:14px;border-bottom:1px solid var(--line);text-align:left}.param-table th{background:var(--navy);color:#fff}.param-table td{color:var(--text-2)}
.service-hero{padding:52px 0 30px}.service-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}.service-hero h1{font-size:52px;line-height:1.06;margin:8px 0 14px}.service-hero p{color:var(--text-2);font-size:17px}.service-hero img{width:100%;aspect-ratio:16/10;border-radius:22px;box-shadow:var(--shadow)}
.policy-list{display:grid;gap:14px}.policy-item{display:grid;grid-template-columns:54px 1fr;gap:16px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.policy-item b{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--cyan-soft);color:var(--navy)}.policy-item h3{margin:0 0 6px}.policy-item p{margin:0;color:var(--text-2)}
.breadcrumb{font-size:13px;color:var(--text-3);padding:18px 0}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.breadcrumb li:not(:last-child)::after{content:"/";margin-left:8px;color:var(--line-strong)}
.filter-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:end;background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px}.filter-bar label{display:grid;gap:4px;font-size:12px;color:var(--text-2)}.filter-bar select,.filter-bar input{border:1px solid var(--line-strong);border-radius:9px;padding:8px 10px;background:#fff}.filter-bar button{border:0;background:var(--navy);color:#fff;padding:9px 14px;border-radius:9px}.pagination{display:flex;justify-content:center;gap:6px;margin-top:28px}.pagination a,.pagination span{min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;border-radius:9px}.pagination .current{background:var(--navy);color:#fff;border-color:var(--navy)}
.detail-shell{max-width:1060px;margin:0 auto}.detail-title h1{font-size:52px;line-height:1.08;margin:8px 0 14px}.detail-lead{font-size:18px;color:var(--text-2)}.detail-image{width:100%;aspect-ratio:16/9;border-radius:22px;margin:24px 0}.detail-meta{display:flex;flex-wrap:wrap;gap:9px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.prose{max-width:800px}.prose h2{font-size:30px;margin-top:38px}.prose p{font-size:16px;color:var(--ink-2)}.safety-box{border-left:4px solid var(--coral);background:#fff3ee;padding:18px;border-radius:0 14px 14px 0;margin:24px 0}
.search-page{padding:50px 0}.search-page h1{font-size:48px;margin:0 0 10px}.search-page-form{max-width:820px}.result-group{margin-top:40px}.result-group h2{font-size:26px;border-bottom:1px solid var(--line);padding-bottom:9px}.result-item{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.result-item img{width:150px;aspect-ratio:16/10;border-radius:12px}.result-item h3{margin:0 0 5px}.result-item p{margin:0;color:var(--text-2)}
.empty-state{background:#fff;border:1px dashed var(--line-strong);border-radius:18px;padding:32px;text-align:center}.empty-state h2{margin:0 0 8px}
.site-footer{background:linear-gradient(#eaf0f3,#f7f8f6);border-top:1px solid var(--line);margin-top:70px}.footer-accent{height:3px;background:linear-gradient(90deg,var(--navy),var(--cyan),var(--coral),transparent)}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:34px;padding:50px 0 36px}.footer-grid section{display:grid;align-content:start;gap:8px}.footer-grid h2{font-size:14px;color:var(--navy);margin:0 0 6px}.footer-grid a{font-size:13px;color:var(--text-2)}.footer-brand p{max-width:520px;color:var(--text-2);font-size:14px}.footer-logo{display:flex;align-items:center;gap:10px}.footer-logo img{border-radius:11px}.footer-notice{border-top:1px solid var(--line);padding:20px 0 28px}.footer-notice>p{font-size:13px;color:var(--text-2)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;color:var(--text-3);font-size:12px}
.mobile-bottom{display:none}.favorite-drawer{position:fixed;right:18px;bottom:88px;z-index:120;width:min(340px,calc(100% - 36px));background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-strong);border-radius:15px;padding:16px}.favorite-drawer[hidden]{display:none!important}.favorite-drawer>div{display:flex;justify-content:space-between}.favorite-drawer button{border:0;background:var(--bg-2);border-radius:8px}.favorite-drawer p{font-size:13px;color:var(--text-2)}.back-top{position:fixed;right:20px;bottom:22px;width:42px;height:42px;border:0;border-radius:50%;background:var(--navy);color:#fff;opacity:0;pointer-events:none;transition:.2s;z-index:80}.back-top.visible{opacity:1;pointer-events:auto}
@media(max-width:1200px){.desktop-nav a{padding:9px 7px;font-size:13px}.header-link{display:none}.steps{grid-template-columns:repeat(4,1fr)}.topic-grid{grid-template-columns:1fr 1fr}.shorts-side-grid{grid-template-columns:repeat(2,1fr)}.shorts-side-grid .narrow-card:nth-child(even){margin-top:30px}.community-workspace{grid-template-columns:190px 1fr}.community-right{display:none}.grid-5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:992px){.desktop-nav{display:none}.menu-button{display:inline-flex!important}.header-actions{margin-left:auto}.header-link{display:inline-flex}.mobile-menu-grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.page-hero-grid,.news-focus-grid,.vlog-layout,.theater-stage,.magazine-cover,.community-intro,.service-hero-grid,.feature-annotation{grid-template-columns:1fr}.hero-copy{padding-bottom:0}.hero-visual{max-width:760px}.data-strip{grid-template-columns:repeat(3,1fr)}.magazine-row{grid-template-columns:55px 1fr .6fr}.magazine-row>:nth-child(4),.magazine-row>:nth-child(5),.magazine-row>:nth-child(6){grid-column:2/4}.collage{grid-template-columns:1fr 1fr}.collage-card:first-child{grid-column:1/3;grid-row:auto;min-height:360px}.editor-grid,.poster-page,.split-feature{grid-template-columns:1fr}.poster-page img{max-height:520px}.short-wall{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.week-calendar{grid-template-columns:repeat(4,1fr)}.principles{grid-template-columns:repeat(2,1fr)}.chapter{grid-template-columns:85px 1fr}.chapter aside{grid-column:2}.community-workspace{grid-template-columns:1fr}.community-side{position:static;display:flex;gap:6px;overflow:auto;padding:10px}.community-side h2{display:none}.community-side a{white-space:nowrap;background:var(--bg-2)}.product-stage .app-float{width:180px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid section:last-child{grid-column:2/4}}
@media(max-width:768px){.wrap{width:min(calc(100% - 28px),var(--wrap))}.channel-guide{height:30px}.guide-track{gap:20px}.header-row{min-height:64px}.brand{min-width:0}.brand small{display:none}.header-actions .header-link{display:none}.section{padding:54px 0}.section-head{align-items:flex-start;flex-direction:column;gap:10px}.hero-editorial{padding-top:26px}.hero-grid{gap:16px}.hero-copy h1{font-size:43px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-floating{position:static;width:100%;margin-top:10px}.hero-stats{grid-template-columns:1fr 1fr}.hero-stat:nth-child(2){border-right:0}.hero-stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.data-strip{grid-template-columns:1fr 1fr}.data-cell:last-child{grid-column:1/3}.magazine-row{grid-template-columns:46px 1fr}.magazine-row>*{grid-column:auto!important}.magazine-row .meta-small{grid-column:2!important}.collage{display:grid;grid-template-columns:1fr;grid-template-rows:auto}.collage-card,.collage-card:first-child{grid-column:auto;min-height:280px}.grid-3,.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}.editor-grid{grid-template-columns:1fr}.short-wall{grid-template-columns:repeat(2,1fr)}.short-wall .media-card:nth-child(even){margin-top:24px}.wide-feature,.wide-feature>img{min-height:360px}.wide-copy{padding:24px}.progress-row{grid-template-columns:1fr 1fr}.progress-row>:nth-child(3),.progress-row>:nth-child(4){font-size:12px}.poster-page{display:block}.poster-copy{padding:26px}.category-matrix{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(2,1fr)}.dual-ranking,.compare,.diary-grid,.callout{grid-template-columns:1fr}.week-calendar{grid-template-columns:1fr 1fr}.topic-grid{grid-template-columns:1fr 1fr}.comment-flow{columns:2 250px}.callout-actions{justify-content:flex-start}.device-stage{min-height:600px}.device-stage .screen{width:155px}.device-stage .screen.left{left:2%;top:250px}.device-stage .screen.right{right:2%;top:220px}.news-main h1,.cinema-overlay h1,.theater-copy h1,.ranking-title h1,.community-intro h1,.product-stage h1,.service-hero h1,.detail-title h1{font-size:40px}.news-info-band{flex-direction:column}.news-row{grid-template-columns:1fr}.cinema-banner,.cinema-banner img{min-height:430px}.shorts-stage{grid-template-columns:1fr}.shorts-feature{min-height:520px}.shorts-side-grid{grid-template-columns:repeat(4,1fr)}.shorts-side-grid .narrow-card:nth-child(even){margin-top:24px}.vlog-sticky{left:12px}.chapter{grid-template-columns:1fr}.chapter aside{grid-column:auto}.top10-row{grid-template-columns:50px 1fr 90px}.top10-row>:nth-child(3){display:none}.community-workspace{display:block}.product-stage{min-height:640px;padding:28px}.product-stage .app-main{width:230px}.product-stage .app-float{width:150px}.result-item{grid-template-columns:110px 1fr}.result-item img{width:110px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/3}.footer-grid section:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:100;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);backdrop-filter:blur(14px)}.mobile-bottom a,.mobile-bottom button{border:0;background:transparent;text-align:center;padding:11px 4px;font-size:11px;color:var(--ink-2)}.site-footer{padding-bottom:64px}.back-top{bottom:76px}}
@media(max-width:520px){.header-actions>.icon-button{padding:8px}.brand strong{font-size:17px}.mobile-menu-grid{grid-template-columns:1fr}.hero-copy h1{font-size:38px}.hero-tags{gap:5px}.hero-actions{grid-template-columns:1fr}.hero-stats{grid-template-columns:1fr}.hero-stat{border-right:0;border-bottom:1px solid var(--line)}.hero-stat:last-child{border-bottom:0}.data-strip,.grid-2,.grid-3,.grid-4,.grid-5,.category-matrix,.principles,.week-calendar,.topic-grid{grid-template-columns:1fr}.data-cell:last-child{grid-column:auto}.short-wall{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.comment-flow{columns:1}.search-dialog{padding:20px}.search-field{grid-template-columns:1fr}.search-field button{padding:10px}.shorts-side-grid{grid-template-columns:1fr 1fr}.news-main{min-height:420px}.cinema-overlay{padding:22px}.product-stage .app-float{display:none}.device-stage .screen{display:none}.device-stage>img.phone{width:240px}.progress-row{grid-template-columns:1fr}.top10-row{grid-template-columns:42px 1fr}.top10-row>:last-child{display:none}.result-item{grid-template-columns:1fr}.result-item img{width:100%;aspect-ratio:16/9}.footer-grid{grid-template-columns:1fr}.footer-brand,.footer-grid section:last-child{grid-column:auto}.page-hero h1,.service-hero h1,.detail-title h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}