:root{--background:#F1F3F1;--paper:#FBFCFA;--surface:#fff;--surface-soft:#E9EEEB;--pine:#234B43;--pine-deep:#17372F;--pine-light:#38685C;--electric:#36AFA5;--electric-deep:#237E78;--electric-soft:#DFF3F0;--amber:#C88A45;--amber-deep:#A66C2D;--amber-soft:#F7EDDF;--silver:#AAB5B3;--silver-soft:#E4E9E6;--ice:#DDEBF0;--ice-deep:#608A9B;--graphite:#252E30;--graphite-deep:#151D20;--title:#273432;--body:#485651;--muted:#75817C;--border:#DCE4DF;--divider:#E9EEEA;--player-bg:#080D0E;--player-text:#F8FAF9;--max:1360px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--title);font-family:Arial,"Microsoft YaHei",sans-serif;font-size:15px;line-height:1.75}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{height:76px;background:var(--pine-deep);color:#f8faf9;display:flex;align-items:center;gap:36px;padding:0 max(28px,calc((100vw - var(--max))/2));position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-weight:800;white-space:nowrap}.brand-mark{width:39px;height:39px;border:1px solid #8fb6a8;border-radius:50%;display:grid;place-items:center;color:#d9eee7;font-size:12px;letter-spacing:-1px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#a9c3b9;font-weight:400}.main-nav{display:flex;align-items:center;gap:27px;flex:1}.main-nav a{font-size:13px;color:#d7e2dc}.main-nav a[aria-current=page]{color:#fff;border-bottom:2px solid var(--electric);padding:28px 0}.top-search{display:flex;border:1px solid #ffffff42;border-radius:3px;overflow:hidden}.top-search input{width:155px;background:transparent;border:0;padding:8px 10px;color:#fff;font-size:12px;outline:none}.top-search input::placeholder{color:#c0d0c9}.top-search button{border:0;background:var(--electric);color:#102e2b;padding:0 13px;font-size:12px;font-weight:700}.menu-toggle,.mobile-menu{display:none}.site-main{min-height:65vh}.hero{position:relative;overflow:hidden;background:var(--pine);color:#f8faf9;min-height:500px;padding:72px max(28px,calc((100vw - var(--max))/2)) 65px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center}.hero-copy{max-width:640px;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:2.3px;color:var(--electric-deep);font-weight:700}.hero .eyebrow,.wide-band .eyebrow{color:#a9d8cd}.hero-kicker{color:#d1e4dd;font-size:14px;letter-spacing:5px;margin:30px 0 10px}.hero h1{font-size:56px;line-height:1.2;letter-spacing:-2px;margin:0 0 22px}.hero h1 em{font-style:normal;color:#9dd8cb}.hero-desc{max-width:540px;color:#d5e1dc;line-height:2;font-size:14px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border-radius:3px;font-size:13px;font-weight:700;border:1px solid transparent;cursor:pointer}.button.light{background:#f8faf9;color:var(--pine)}.button.primary{background:var(--pine);color:#fff}.button.outline{border-color:var(--pine);color:var(--pine);background:transparent}.button.ghost{border-color:var(--border);color:var(--pine)}.text-link{font-size:12px;font-weight:700;color:inherit}.hero-art{height:340px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #b8d8cf55;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:430px;height:260px}.orbit-two{width:350px;height:320px;transform:rotate(35deg)}.film-frame{position:relative;width:270px;height:300px;border:1px solid #c2ddd355;background:linear-gradient(145deg,#38685c,#17372f 65%,#102a25);box-shadow:22px 25px 0 #102d2777;padding:20px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(4deg)}.film-frame span,.film-frame small{font-size:9px;letter-spacing:2px;color:#c4ddd4}.film-frame b{font-size:45px;line-height:.98;letter-spacing:-2px;color:#e7f0eb}.hero-stamp{position:absolute;right:3%;bottom:12%;background:var(--amber);color:#2e332c;padding:13px 17px;font-size:10px;line-height:1.5;transform:rotate(-7deg)}.hero-stamp strong{font-size:16px}.hero-foot{position:absolute;bottom:18px;left:max(28px,calc((100vw - var(--max))/2));right:max(28px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;color:#b7d0c7;font-size:8px;letter-spacing:1.5px}.section-wrap{max-width:var(--max);margin:auto;padding:72px 28px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-heading h2,.split-intro h2,.music-strip h2,.knowledge-row h2{font-size:30px;line-height:1.3;margin:8px 0 0;letter-spacing:-.6px}.section-heading>p{max-width:370px;color:var(--muted);font-size:13px;margin:0}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.channel-tile{min-height:210px;padding:22px;background:var(--paper);border:1px solid var(--border);position:relative;overflow:hidden;transition:.2s}.channel-tile:before{content:"";position:absolute;width:110px;height:110px;border:1px solid var(--accent);border-radius:50%;right:-45px;top:45px;opacity:.2}.channel-tile:hover{transform:translateY(-3px);border-color:var(--accent)}.channel-no{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.channel-emoji{display:block;font-size:25px;margin-top:15px}.channel-tile h3{font-size:19px;margin:6px 0}.channel-tile p{font-size:12px;line-height:1.8;color:var(--muted);max-width:245px;margin:0}.tile-arrow{position:absolute;right:18px;bottom:15px;color:var(--accent);font-size:20px}.feature-section{padding-top:35px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.daily-card{display:grid;grid-template-columns:40% 1fr;background:var(--paper);border:1px solid var(--border);min-width:0}.daily-cover{position:relative;min-height:220px;background:linear-gradient(135deg,#dce7e1,#a8bcb4);overflow:hidden}.daily-cover img,.detail-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.daily-cover i{position:absolute;left:10px;bottom:10px;background:#17372f;color:#fff;font-style:normal;font-size:10px;padding:5px 8px}.cover-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:20px;background:linear-gradient(145deg,#e1ebe5,#b9ccc4);color:var(--pine)}.cover-fallback b{font-size:22px}.cover-fallback small{font-size:9px;letter-spacing:2px}.daily-card-copy{padding:20px}.daily-card-copy>small{color:var(--electric-deep);font-size:10px}.daily-card h3{font-size:19px;line-height:1.45;margin:9px 0}.daily-card-copy p{font-size:12px;color:var(--muted);line-height:1.85;margin:0 0 15px}.read-link{font-size:11px;color:var(--pine);font-weight:700}.read-link b{color:var(--electric-deep);margin-left:5px}.wide-band{background:var(--graphite);color:#f8faf9;padding:58px max(28px,calc((100vw - var(--max))/2));min-height:310px;position:relative;overflow:hidden}.wide-band-inner{position:relative;z-index:1;max-width:650px}.wide-band h2{font-size:39px;line-height:1.25;margin:15px 0}.wide-band p{color:#c1cfca;font-size:13px;max-width:570px}.band-number{position:absolute;right:8%;top:20px;font-size:150px;line-height:1;color:#ffffff0d;font-weight:800}.band-number span{font-size:14px;letter-spacing:2px}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:62px;padding-bottom:35px}.editorial-card{min-height:240px;padding:25px;position:relative;background:#e4ece9;border:1px solid var(--border)}.editorial-card.variety{background:var(--amber-soft)}.editorial-card.shorts{background:var(--ice)}.editorial-icon{display:block;font-size:35px;margin:18px 0 8px;color:var(--pine)}.editorial-card h2{font-size:23px;margin:0 0 8px}.editorial-card p{font-size:12px;color:var(--body);line-height:1.9}.editorial-card>a{font-size:11px;font-weight:700;color:var(--pine)}.split-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;border-top:1px solid var(--border)}.split-intro p{color:var(--muted);font-size:13px;line-height:2;margin:18px 0 22px}.timeline-panel{min-height:190px;background:var(--paper);border:1px solid var(--border);padding:35px;position:relative}.timeline-line{position:absolute;left:55px;top:0;bottom:0;width:1px;background:var(--electric)}.timeline-empty{margin-left:45px;padding:30px 0;display:flex;flex-direction:column;gap:8px}.timeline-empty:before{content:"";width:11px;height:11px;background:var(--amber);border-radius:50%;position:absolute;left:50px;top:60px}.timeline-empty b{font-size:19px}.timeline-empty span{font-size:12px;color:var(--muted)}.collection-preview{padding-top:40px}.collection-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.collection-card{background:var(--paper);border:1px solid var(--border);padding:23px;min-height:205px;display:flex;flex-direction:column}.collection-card:nth-child(2){background:#e5eeea}.collection-card:nth-child(3){background:var(--amber-soft)}.collection-card span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.collection-card h3{font-size:23px;margin:25px 0 5px}.collection-card p{font-size:12px;color:var(--body);line-height:1.8;flex:1}.collection-card b{font-size:11px;color:var(--pine)}.music-strip{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:25px;border-top:1px solid var(--border)}.music-strip p{font-size:13px;color:var(--muted)}.waveform{height:80px;display:flex;align-items:center;gap:4px;flex:1;max-width:430px}.waveform i{height:var(--h);width:5px;background:var(--electric);opacity:.7;border-radius:4px}.footer{background:var(--pine-deep);color:#e9f0ec;padding:35px max(28px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p,.footer small{font-size:11px;color:#a9c0b7}.footer-links{display:flex;gap:20px;font-size:11px}.bottom-nav{display:none}.page-hero{background:var(--pine);color:#fff;padding:62px max(28px,calc((100vw - var(--max))/2))}.page-hero .eyebrow{color:#a9d8cd}.page-hero h1{font-size:43px;line-height:1.25;max-width:800px;margin:15px 0}.page-hero p{color:#d1e1da;max-width:790px;font-size:14px;line-height:2}.catalog-layout{display:grid;grid-template-columns:240px 1fr;gap:30px;align-items:start}.filter-panel{background:var(--paper);border:1px solid var(--border);padding:20px;position:sticky;top:15px}.filter-panel>b{display:block;margin-bottom:15px}.filter-link{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid var(--divider);font-size:12px;color:var(--body)}.filter-link[aria-current=page]{color:var(--electric-deep);font-weight:700}.filter-link span:last-child{color:var(--muted)}.filter-note{font-size:10px;line-height:1.8;color:var(--muted);background:var(--surface-soft);padding:12px;margin-top:18px}.filter-bar{display:flex;gap:8px;margin-bottom:20px}.filter-bar input,.filter-bar select{min-width:0;border:1px solid var(--border);background:var(--paper);padding:11px;font-size:12px}.filter-bar input{flex:1}.filter-bar select{width:180px}.result-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:12px}.result-line span{color:var(--muted)}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.catalog-grid .daily-card{grid-template-columns:38% 1fr}.catalog-grid .daily-cover{min-height:180px}.catalog-grid .daily-card-copy{padding:14px}.catalog-grid .daily-card h3{font-size:15px}.catalog-grid .daily-card-copy p{font-size:11px}.pagination{display:flex;gap:6px;justify-content:center;margin-top:25px}.pagination a{padding:7px 12px;border:1px solid var(--border);font-size:12px}.pagination a.current{background:var(--pine);color:#fff}.detail-hero{max-width:var(--max);margin:auto;padding:60px 28px;display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}.detail-image{position:relative;min-height:360px;background:linear-gradient(135deg,#dce7e1,#a8bcb4)}.detail-info h1{font-size:39px;line-height:1.25;margin:15px 0}.detail-lead{font-size:15px;color:var(--body);line-height:2}.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.detail-tags span{font-size:10px;background:var(--surface-soft);padding:5px 9px;color:var(--pine)}.detail-actions{display:flex;gap:10px}.detail-body{display:grid;grid-template-columns:1fr 270px;gap:70px;border-top:1px solid var(--border)}.detail-body article h2{font-size:25px;margin:22px 0 10px}.detail-body article p{font-size:14px;line-height:2.1;color:var(--body)}.detail-aside{background:var(--paper);padding:22px;border:1px solid var(--border);align-self:start}.detail-aside dl{margin:15px 0}.detail-aside dt{font-size:10px;color:var(--muted);margin-top:12px}.detail-aside dd{margin:2px 0;font-size:12px;font-weight:700}.notice-panel{display:flex;gap:15px;align-items:flex-start;padding:22px;background:var(--paper);border:1px solid var(--border);margin:20px 0}.notice-symbol{font-size:24px;color:var(--electric-deep)}.notice-panel b{font-size:14px}.notice-panel p{margin:5px 0 0;font-size:12px;color:var(--muted);line-height:1.8}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.collection-feature{position:relative;min-height:250px;padding:26px;background:var(--paper);border:1px solid var(--border)}.collection-feature:nth-child(3n+2){background:#e4ece9}.collection-feature:nth-child(3n){background:var(--amber-soft)}.collection-symbol{position:absolute;right:25px;top:18px;font-size:42px;color:#234b4333}.collection-feature h2{font-size:25px;margin:32px 0 8px}.collection-feature p{font-size:13px;color:var(--body);line-height:1.95}.topic-selected{max-width:950px;margin:auto}.topic-selected>p{font-size:14px;line-height:2.1;color:var(--body)}.topic-selected h2{font-size:26px}.topic-selected h3{margin:35px 0 15px}.about-layout{display:grid;grid-template-columns:1.4fr .7fr;gap:65px}.about-layout article h2{font-size:24px;margin:12px 0}.about-layout article p{font-size:14px;color:var(--body);line-height:2}.about-aside{background:var(--paper);padding:25px;border:1px solid var(--border);align-self:start}.about-aside dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.about-aside dt{font-size:12px;color:var(--muted)}.about-aside dd{margin:0;font-size:12px;font-weight:700}.about-aside .notice-panel{display:block;padding:14px}.mobile-menu[hidden]{display:none}
@media(max-width:1100px){.topbar{gap:20px}.main-nav{gap:15px}.top-search input{width:110px}.channel-grid{grid-template-columns:repeat(2,1fr)}.catalog-layout{grid-template-columns:200px 1fr}.catalog-grid{grid-template-columns:1fr}}
@media(max-width:760px){.topbar{height:64px;padding:0 16px;justify-content:space-between}.main-nav,.top-search{display:none}.menu-toggle{display:block;background:transparent;border:1px solid #ffffff55;color:white;padding:7px 12px;border-radius:4px}.mobile-menu{position:fixed;z-index:50;inset:0 0 0 auto;width:min(82vw,340px);background:var(--pine-deep);padding:65px 25px 25px;display:flex;flex-direction:column;box-shadow:-20px 0 60px #0005}.mobile-menu a{padding:15px 0;color:white;border-bottom:1px solid #ffffff25}.menu-close{position:absolute;right:18px;top:16px;border:0;background:transparent;color:white;font-size:15px;padding:10px}.hero{padding:48px 20px 55px;grid-template-columns:1fr;min-height:0}.hero h1{font-size:42px}.hero-art{height:245px;margin-top:12px}.film-frame{width:190px;height:210px}.film-frame b{font-size:34px}.orbit-one{width:300px}.orbit-two{width:260px;height:280px}.hero-foot{left:20px;right:20px;font-size:7px}.section-wrap{padding:48px 18px}.section-heading{align-items:start;flex-direction:column;gap:10px}.section-heading h2,.split-intro h2,.music-strip h2{font-size:25px}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.channel-tile{padding:14px;min-height:205px}.channel-tile h3{font-size:15px}.channel-tile p{font-size:11px}.feature-grid,.editorial-grid,.collection-cards{grid-template-columns:1fr}.daily-card{grid-template-columns:38% 1fr}.daily-cover{min-height:175px}.daily-card-copy{padding:12px}.daily-card h3{font-size:15px}.daily-card-copy p{font-size:11px}.wide-band{padding:40px 20px;min-height:260px}.wide-band h2{font-size:29px}.band-number{font-size:70px}.editorial-grid{padding-top:35px}.editorial-card{min-height:190px}.split-section{grid-template-columns:1fr;gap:25px}.music-strip{display:block}.waveform{margin-top:25px}.footer{padding:28px 20px;display:block}.footer-links{margin:18px 0;flex-wrap:wrap}.bottom-nav{position:fixed;z-index:18;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#FBFCFAF5;border-top:1px solid var(--border);padding:9px 5px calc(9px + env(safe-area-inset-bottom));backdrop-filter:blur(10px)}.bottom-nav a{font-size:11px;color:var(--pine);padding:5px 10px}body{padding-bottom:55px}.page-hero{padding:44px 20px}.page-hero h1{font-size:32px}.catalog-layout{display:block}.filter-panel{position:static;margin-bottom:18px}.filter-link{display:inline-flex;margin:3px;padding:6px 8px;border:1px solid var(--border)}.filter-note{display:none}.filter-bar{flex-wrap:wrap}.filter-bar input{flex-basis:100%}.filter-bar select{flex:1;max-width:none}.catalog-grid{grid-template-columns:1fr}.detail-hero{grid-template-columns:1fr;gap:24px;padding:38px 18px}.detail-image{min-height:260px}.detail-info h1{font-size:29px}.detail-body{grid-template-columns:1fr;gap:25px}.collection-grid{grid-template-columns:1fr}.collection-feature{min-height:210px}.about-layout{grid-template-columns:1fr;gap:25px}.result-line{align-items:flex-start;gap:10px;flex-direction:column}}
@media(max-width:360px){.channel-grid{grid-template-columns:1fr}.hero h1{font-size:37px}.daily-card{grid-template-columns:1fr}.daily-cover{min-height:200px}}