/* 红桃视频 | 青瓷独立影像刊 */
:root{--background:#F7F8F5;--paper:#FFFEFB;--surface:#FFF;--surface-soft:#EFF3F1;--teal:#276468;--teal-deep:#204F53;--teal-soft:#DEEEEA;--plum:#675184;--plum-deep:#4D3B67;--plum-soft:#EEE8F5;--apricot:#E8BE78;--apricot-soft:#FBF2DF;--blue:#557FAD;--blue-soft:#EAF0F8;--rose:#B9687E;--rose-soft:#F8E9EF;--mint:#5D9983;--mint-soft:#E8F5EF;--ink:#28343C;--body:#3E4B54;--muted:#65717A;--border:#DEE5E1;--divider:#E9EEEB}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font:16px/1.75 system-ui,-apple-system,"PingFang SC","Microsoft Yahei",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}img{display:block;max-width:100%;width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.28}h1{font-size:clamp(30px,3.1vw,44px);letter-spacing:-.025em}h2{font-size:clamp(24px,2.2vw,30px)}h3{font-size:19px}.app-shell{max-width:1480px;min-height:100vh;margin:auto;display:grid;grid-template-columns:202px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:32px 15px 28px 19px;border-right:1px solid var(--border);background:var(--paper);display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:9px;align-items:center;font-size:21px;font-weight:800;color:var(--teal-deep);line-height:1.2}.brand-mark{font-size:29px;color:var(--plum)}.brand small{display:block;letter-spacing:.16em;font-size:10px;margin-top:8px;color:var(--muted)}.side-overline{font-size:10px;letter-spacing:.15em;color:var(--muted);margin:65px 0 20px}.sidebar nav{display:grid;gap:9px}.nav-item{padding:11px 14px;border-radius:10px;font-size:15px;color:var(--body);transition:background .2s}.nav-item:hover,.nav-item.active{background:var(--teal-soft);color:var(--teal-deep);font-weight:700}.sidebar-note{margin-top:auto;padding:18px 12px 0;border-top:1px solid var(--divider);color:var(--teal-deep);font-weight:700;font-size:13px}.sidebar-note p{font-size:12px;font-weight:400;color:var(--muted);line-height:1.8;margin:6px 0}.main-wrap{min-width:0}.toolbar{padding:18px 34px;display:flex;justify-content:space-between;align-items:center;gap:18px;background:rgba(255,254,251,.86);border-bottom:1px solid var(--divider)}.breadcrumb{font-size:12px;color:var(--muted);letter-spacing:.06em}.top-search{display:flex;border:1px solid var(--border);border-radius:24px;overflow:hidden;background:white}.top-search input{width:190px;background:transparent;border:0;min-height:36px;padding:4px 12px;font-size:13px}.top-search button{border:0;background:var(--teal);color:#fff;padding:5px 15px;cursor:pointer}.page-body{padding:26px 35px 70px;max-width:1280px;margin:auto}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--teal);text-transform:uppercase}.hero{display:grid;grid-template-columns:.95fr 1.05fr;min-height:480px;gap:25px;padding:35px 0 30px;align-items:center}.hero-copy{padding-right:10px}.hero-copy h1{font-size:clamp(35px,3.9vw,54px);line-height:1.2;margin:23px 0}.hero-copy h1 em,.about-hero em{font-style:normal;color:var(--plum)}.hero-copy p{max-width:450px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0}.btn{border:1px solid var(--teal);padding:10px 19px;min-height:44px;border-radius:9px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.btn.primary{background:var(--teal);color:white}.btn.ghost{color:var(--teal-deep);background:transparent}.hero-foot{font-size:12px;color:var(--muted)}.hero-foot span{padding:0 10px}.hero-art{position:relative;height:420px;border-radius:24px;overflow:hidden;background:var(--teal-soft)}.hero-art>img,.hero-art>.media-fallback{height:100%}.hero-art-caption{position:absolute;bottom:22px;left:23px;right:23px;padding:10px 15px;background:rgba(255,255,255,.9);border-radius:11px;color:var(--teal-deep);font-size:13px}.media-fallback{width:100%;min-height:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--teal-soft),var(--plum-soft) 60%,var(--apricot-soft));color:var(--teal-deep);font-weight:700;padding:25px;text-align:center;letter-spacing:.1em}.section{margin-top:75px}.section-head{margin-bottom:24px}.section-head h2{margin:8px 0}.section-head p{color:var(--muted);max-width:750px;margin:0}.mood-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mood-list a{background:white;border:1px solid var(--border);padding:17px 20px;border-radius:12px;font-weight:700;color:var(--ink);display:flex;justify-content:space-between;min-height:64px}.mood-list span{color:var(--teal)}.editorial{display:grid;grid-template-columns:.82fr 1fr;gap:45px;align-items:center}.editorial-img{height:380px;overflow:hidden;border-radius:18px}.editorial-img img,.editorial-img .media-fallback{height:100%}.editorial h2,.feature-split h2,.sound-section h2{font-size:clamp(27px,2.8vw,41px);margin:17px 0 22px}.text-link{font-weight:800;color:var(--teal-deep);display:inline-block;margin-top:12px;border-bottom:1px solid var(--teal);padding-bottom:5px}.film-rail{display:flex;gap:19px;overflow-x:auto;padding:3px 1px 18px;scroll-snap-type:x proximity}.film-rail .work-card{flex:0 0 210px;scroll-snap-align:start}.work-card{min-width:0;display:block}.card-art{aspect-ratio:2/3;overflow:hidden;border-radius:13px;background:var(--plum-soft)}.card-art>img,.card-art>.media-fallback{height:100%;transition:transform .25s}.work-card:hover img{transform:scale(1.04)}.work-card h3{margin:9px 0 6px;font-size:18px}.work-card p{font-size:13px;color:var(--muted);line-height:1.65}.card-meta{display:flex;gap:6px;align-items:center;margin-top:12px}.card-meta .eyebrow{font-size:10px}.dot,.subtle{color:var(--muted);font-size:12px}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:35px;background:var(--paper);border:1px solid var(--border);border-radius:22px;padding:35px;align-items:center}.stack-visual{display:flex;align-items:center;gap:12px;min-height:280px}.stack-visual img,.stack-visual .media-fallback{height:270px;max-width:47%;border-radius:14px;object-fit:cover}.stack-visual>:nth-child(2){transform:translateY(22px)}.fantasy-block{background:var(--plum-soft);padding:30px;border-radius:21px}.fantasy-intro{text-align:center;max-width:650px;margin:0 auto 25px}.fantasy-intro h2{margin:9px 0}.three-cols,.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.fantasy-block .work-card{background:white;border-radius:16px;padding:12px}.city-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center}.city-grid>div:first-child{height:260px;border-radius:16px;overflow:hidden}.city-grid img,.city-grid .media-fallback{height:100%}.city-grid ul{grid-column:1/-1;display:flex;gap:15px;list-style:none;padding:0;flex-wrap:wrap}.city-grid li{background:var(--blue-soft);padding:10px 15px;border-radius:9px;font-size:13px}.sound-section{padding:38px;background:var(--teal-deep);color:#fff;border-radius:22px}.sound-section h2,.sound-section .eyebrow{color:#fff}.sound-entries a{display:grid;grid-template-columns:45px 1fr 1.4fr 20px;gap:15px;padding:17px 0;border-top:1px solid rgba(255,255,255,.25);align-items:center}.sound-entries small{font-size:13px;opacity:.8}.comic-section{display:grid;grid-template-columns:1fr .7fr;gap:35px;align-items:center;background:var(--apricot-soft);padding:30px;border-radius:20px}.comic-section>img,.comic-section>.media-fallback{height:260px;border-radius:12px}.curation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.curation-card{background:white;border:1px solid var(--border);border-radius:16px;overflow:hidden}.curation-card img,.curation-card>.media-fallback{height:180px}.curation-card div:last-child{padding:16px}.curation-card h3{margin:8px 0}.curation-card p{font-size:13px;color:var(--muted)}.journal-promo{display:grid;grid-template-columns:.85fr 1fr;gap:30px;align-items:center}.journal-promo>img,.journal-promo>.media-fallback{height:270px;border-radius:16px}.end-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:80px}.end-links a{padding:20px;background:white;border:1px solid var(--border);display:flex;justify-content:space-between;font-weight:800;color:var(--teal-deep);border-radius:12px}.footer{padding:23px 35px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);border-top:1px solid var(--border)}.page-intro{padding:36px 0 25px;max-width:790px}.page-intro h1{margin:10px 0 16px}.page-intro p{font-size:17px;color:var(--muted)}.library-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px}.filter-sidebar{align-self:start;position:sticky;top:15px;border:1px solid var(--border);border-radius:13px;background:white;padding:15px}.filter-sidebar h2{font-size:16px}.filter-option{font-size:13px;display:flex;justify-content:space-between;padding:10px 9px;border-radius:8px}.filter-option.selected,.filter-option:hover{background:var(--teal-soft);color:var(--teal-deep);font-weight:700}.library-feature{border-radius:17px;background:var(--apricot-soft);padding:26px}.library-feature h2{margin:8px 0}.library-feature p{margin:0}.filter-form{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:23px 0}.filter-form label{display:flex;align-items:center;gap:9px;font-size:14px}.filter-form select,.search-main select{padding:10px;border:1px solid var(--border);background:white;border-radius:9px}.filter-form>a{font-size:13px;color:var(--teal)}.result-count{margin-left:auto;color:var(--muted);font-size:13px}.pagination{display:flex;gap:9px;justify-content:center;margin-top:36px}.pagination a{min-width:44px;min-height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:#fff}.pagination .active{background:var(--teal);color:white}.back-nav{display:flex;gap:10px;font-size:13px;color:var(--muted);padding:18px 0}.back-nav a{color:var(--teal)}.watch-heading{padding:20px 0 33px}.watch-heading h1{margin:10px 0}.watch-heading>p{font-size:17px;max-width:740px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.chips>*{background:var(--teal-soft);border-radius:99px;padding:5px 12px;font-size:12px;color:var(--teal-deep)}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:29px}.video-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:var(--ink)}.video-stage video{width:100%;height:100%;display:block}.video-stage img,.video-stage .media-fallback{width:100%;height:100%;object-fit:contain}.archive-banner{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:12px;background:rgba(40,52,60,.90);color:#fff;font-size:13px}.watch-copy{margin-top:34px}.watch-copy h2{margin:7px 0}.watch-copy p{line-height:1.95}.info-sheet{background:white;border:1px solid var(--border);border-radius:16px;padding:20px}.info-sheet h2{font-size:19px}.info-sheet dl{font-size:13px}.info-sheet dt{color:var(--muted);margin-top:14px}.info-sheet dd{margin:0;border-bottom:1px solid var(--divider);padding-bottom:9px}.aside-note{font-size:12px;color:var(--muted)}.highlights{background:var(--surface-soft);padding:25px;border-radius:15px;margin-top:33px}.highlight-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.highlight-row span{display:block;color:var(--teal);font-weight:800}.highlight-row strong{display:block;margin:7px 0}.highlight-row p{font-size:13px}.curation-list{display:grid;gap:17px}.curation-list-item{display:grid;grid-template-columns:45px 160px 1fr 25px;gap:24px;align-items:center;background:#fff;padding:18px;border-radius:16px;border:1px solid var(--border)}.curation-index{font-size:19px;color:var(--plum)}.curation-thumb{height:116px;overflow:hidden;border-radius:12px}.curation-thumb img,.curation-thumb .media-fallback{height:100%}.curation-text h2{font-size:22px;margin:6px 0}.curation-text p{font-size:13px;color:var(--muted);margin:0}.curation-arrow{color:var(--teal)}.curation-hero{position:relative;border-radius:18px;overflow:hidden;height:400px;color:#fff;display:flex;align-items:end;background:var(--ink)}.curation-hero>img,.curation-hero>.media-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.curation-hero>div:last-child{position:relative;z-index:1;padding:34px;background:linear-gradient(transparent,rgba(30,34,43,.5));width:100%}.curation-hero h1,.curation-hero .eyebrow{color:#fff}.curation-essay{max-width:840px;margin:47px auto}.curation-essay p{font-size:17px;line-height:2;white-space:pre-line}.studio-banner{display:grid;grid-template-columns:1fr .62fr;gap:20px;align-items:center;background:var(--plum-soft);padding:30px;border-radius:17px}.studio-banner h1{margin:10px 0}.studio-banner img,.studio-banner .media-fallback{height:220px;border-radius:13px}.studio-toc{display:grid;grid-template-columns:240px 1fr;gap:30px;margin-top:45px}.studio-toc aside{padding-top:22px}.studio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.studio-grid a{border:1px solid var(--border);background:#fff;border-radius:15px;padding:24px;min-height:190px}.studio-grid span{font-size:12px;color:var(--plum)}.studio-grid h3{margin:10px 0}.studio-grid p{font-size:13px;color:var(--muted)}.studio-grid strong{color:var(--teal);font-size:13px}.studio-reading{max-width:810px;margin:35px auto;background:#fff;padding:35px 45px;border-radius:17px;border:1px solid var(--border)}.studio-reading p{font-size:17px;line-height:2;white-space:pre-wrap}.practice-note{background:var(--apricot-soft);padding:20px;border-radius:10px}.search-hero{padding:52px 35px;background:var(--teal-soft);border-radius:19px;margin:20px 0}.search-hero h1{margin:12px 0}.search-main{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.search-main input{flex:1;min-width:190px;padding:12px 15px;border:1px solid var(--border);border-radius:9px}.topic-links{display:flex;gap:14px;flex-wrap:wrap}.topic-links a{padding:16px;background:#fff;border:1px solid var(--border);border-radius:10px;color:var(--teal-deep);font-weight:700}.empty-state{padding:45px;text-align:center;background:var(--paper);border-radius:15px}.empty-state a{color:var(--teal);font-weight:700}.about-hero{padding:50px 40px;background:var(--surface-soft);border-radius:20px}.about-hero h1{margin:15px 0;font-size:clamp(32px,4vw,53px)}.about-hero p{max-width:720px;font-size:17px}.about-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;margin:60px 0;align-items:center}.about-lead p{line-height:2}.about-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.about-facts div{background:var(--apricot-soft);border-radius:13px;padding:15px 9px;text-align:center}.about-facts strong{display:block;font-size:32px;color:var(--teal)}.about-facts span{font-size:11px}.faq details{background:#fff;border:1px solid var(--border);margin:12px 0;border-radius:12px;padding:15px 22px}.faq summary{cursor:pointer;font-weight:800;color:var(--ink)}.faq p{margin:12px 0;color:var(--body)}.missing-page{text-align:center;padding:120px 15px}.missing-page p{margin-bottom:25px}.mobile-menu,.mobile-bottom{display:none}#menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:15}#menu-overlay[hidden]{display:none}@media(max-width:1100px){.app-shell{grid-template-columns:175px minmax(0,1fr)}.page-body{padding:25px 24px 60px}.sidebar{padding-left:12px}.toolbar{padding:16px 24px}.library-layout{grid-template-columns:150px 1fr;gap:20px}.three-cols,.work-grid{gap:17px}}@media(max-width:800px){.app-shell{display:block}.sidebar{position:fixed;top:0;left:0;transform:translateX(-105%);transition:transform .2s;width:240px;height:100dvh;box-shadow:10px 0 30px rgba(0,0,0,.08)}.sidebar.open{transform:translateX(0)}.mobile-menu{display:inline-flex;gap:5px;align-items:center;padding:6px 9px;border:1px solid var(--border);background:#fff;border-radius:8px;color:var(--teal-deep)}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);z-index:10;padding:7px 0 max(7px,env(safe-area-inset-bottom))}.mobile-bottom a{text-align:center;font-size:13px;padding:7px;color:var(--teal-deep)}.toolbar{padding:10px 17px}.breadcrumb{display:none}.top-search input{width:140px}.page-body{padding:15px 18px 80px}.hero{min-height:0;padding:20px 0;grid-template-columns:1fr}.hero-art{height:280px}.hero-copy h1{font-size:36px}.section{margin-top:55px}.mood-list{grid-template-columns:repeat(4,1fr)}.editorial,.feature-split,.journal-promo{grid-template-columns:1fr}.editorial-img{height:320px}.three-cols,.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-grid{grid-template-columns:1fr}.city-grid ul{grid-column:auto}.watch-layout{grid-template-columns:1fr}.watch-aside{display:none}.library-layout{grid-template-columns:1fr}.filter-sidebar{position:static;display:flex;flex-wrap:wrap;gap:6px}.filter-sidebar h2{width:100%}.filter-option{border:1px solid var(--border)}.curation-grid{grid-template-columns:repeat(2,1fr)}.studio-toc{grid-template-columns:1fr}.about-columns{grid-template-columns:1fr}.footer{padding:20px 17px 85px}.sound-entries a{grid-template-columns:26px 1fr 20px}.sound-entries small{grid-column:2}.sound-entries a>span:last-child{grid-column:3;grid-row:1}.curation-list-item{grid-template-columns:35px 110px 1fr 15px;gap:12px}}@media(max-width:520px){body{font-size:15px}.hero-copy h1{font-size:33px}.hero-art{height:230px}.mood-list{grid-template-columns:repeat(2,1fr)}.editorial-img{height:240px}.feature-split{padding:20px}.stack-visual img,.stack-visual .media-fallback{height:185px}.fantasy-block{padding:15px}.three-cols,.work-grid{gap:13px}.work-card h3{font-size:16px}.card-art{border-radius:9px}.work-card p{font-size:12px}.city-grid ul{display:block}.city-grid li{margin-top:8px}.comic-section{grid-template-columns:1fr}.curation-grid{grid-template-columns:1fr}.end-links{grid-template-columns:1fr;margin-top:50px}.footer{display:block}.filter-form{align-items:flex-start}.result-count{width:100%}.highlight-row{grid-template-columns:1fr}.curation-list-item{grid-template-columns:27px 75px 1fr;gap:10px;padding:10px}.curation-thumb{height:100px}.curation-text h2{font-size:16px}.curation-text p{display:none}.curation-arrow{display:none}.curation-hero{height:320px}.curation-hero>div:last-child{padding:19px}.studio-banner{grid-template-columns:1fr}.studio-banner img,.studio-banner .media-fallback{height:160px}.studio-grid{grid-template-columns:1fr}.studio-reading{padding:22px}.search-hero{padding:24px 15px}.search-main{display:grid}.search-main input{width:100%}.about-hero{padding:25px}.about-facts strong{font-size:25px}.top-search input{width:115px}.top-search button{padding:5px 10px}}