:root{--ink:#181b26;--sub:#70717c;--accent:#ff705d;--paper:#fffdf9;--line:#e8e5e2;--headfont:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--headfont);background:var(--paper);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font:inherit}p{line-height:1.8}.container{width:min(1200px,calc(100% - 60px));margin:auto}.skip{position:absolute;top:-100px;left:10px;z-index:999;background:#fff;padding:12px}.skip:focus{top:10px}.site-header{background:#fffdf9;border-bottom:1px solid #ece9e6;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.header-inner{display:flex;justify-content:space-between;align-items:center;min-height:82px}.brand{display:flex;gap:10px;align-items:center;font-size:22px;font-weight:850;letter-spacing:-1px;line-height:1.03}.brand small{display:block;font-size:8px;letter-spacing:2.6px;color:#a5a3a2;margin-top:6px;font-weight:700}.brand-light{font-weight:500}.brand-mark{width:39px;height:39px;border-radius:12px;color:#fff;background:var(--accent);display:grid;place-items:center;font-size:23px;line-height:1}.site-nav{display:flex;gap:29px;align-items:center}.site-nav a{font-size:13px;font-weight:600;color:#54545c;transition:color .2s}.site-nav a:hover{color:var(--accent)}.nav-cta{background:var(--ink);color:#fff;border-radius:100px;padding:12px 19px;font-size:12px;font-weight:700}.nav-cta span{margin-left:12px}.menu-btn{display:none}.hero{background:#f8f4ee;overflow:hidden;position:relative}.hero-dots{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#d5d1ce 0.7px,transparent .7px);background-size:20px 20px;opacity:.25}.hero-grid{min-height:610px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:35px;position:relative}.hero-copy{padding:68px 0 54px}.eyebrow,.label-num{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:2.2px}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow-dot{width:7px;height:7px;background:var(--accent);border-radius:50%}.eyebrow-line{height:1px;width:28px;background:#cebbb0}.hero h1{font-size:clamp(53px,6.2vw,87px);line-height:1.19;letter-spacing:-5px;margin:27px 0 23px;font-weight:900}.gradient-word{color:var(--accent)}.hero-period{color:#ffb7a4}.hero-copy>p{font-size:15px;line-height:2.1;max-width:460px;color:#6c6b6f;margin-bottom:32px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:24px;justify-content:center;border-radius:100px;padding:15px 25px;font-size:13px;font-weight:750;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:white}.btn-ghost{border:1px solid #d5d0ca;color:#3b3c43;background:#fff9}.hero-metrics{display:flex;align-items:center;gap:23px;margin-top:58px}.hero-metrics div:not(.metric-line){display:grid;gap:2px}.hero-metrics strong{font-size:27px;line-height:1}.hero-metrics span{font-size:10px;color:#929097}.metric-line{height:29px;width:1px;background:#dcd5cf}.hero-visual{height:530px;position:relative}.hero-orbit{position:absolute;border:1px solid #edddd2;transform:rotate(-22deg);border-radius:50%}.orbit-one{width:500px;height:330px;left:14px;top:79px}.orbit-two{width:390px;height:440px;left:85px;top:45px}.visual-card{position:absolute;background:#fff;border-radius:17px;padding:11px;box-shadow:0 28px 65px #34303c24;overflow:hidden}.visual-front{height:386px;width:260px;left:9%;top:60px;transform:rotate(-10deg);z-index:2}.visual-back{height:365px;width:230px;right:1%;top:104px;transform:rotate(11deg);z-index:1}.visual-no{font-size:9px;font-weight:900;letter-spacing:1.6px;padding:10px 9px 13px;color:#6b6670}.visual-art{height:270px;position:relative;overflow:hidden;border-radius:9px}.art-sunset{background:linear-gradient(153deg,#fac4a0 0%,#fca38f 40%,#dc6e8c 70%,#7a4b87)}.art-sun{position:absolute;width:145px;height:145px;border-radius:50%;background:#fff6d7;left:56px;top:55px;box-shadow:0 0 95px #ffe5b5}.art-hill{position:absolute;width:420px;height:205px;border-radius:50%}.hill-back{background:#bc7397;bottom:-99px;left:-95px;transform:rotate(-12deg)}.hill-front{background:#5b4f83;bottom:-144px;left:-7px;transform:rotate(17deg)}.art-lilac{background:linear-gradient(160deg,#c5b7df,#8d8cc4 62%,#555a97)}.art-moon{position:absolute;top:44px;right:35px;width:108px;height:108px;border-radius:50%;background:#fdf4e2;box-shadow:0 0 70px #f0e6f2a8}.art-arch{position:absolute;bottom:-60px;left:27px;width:163px;height:220px;border-radius:95px 95px 0 0;background:linear-gradient(140deg,#7778af,#3d456d)}.art-dots{position:absolute;width:6px;height:6px;border-radius:50%;background:white;left:33px;top:46px;box-shadow:72px -13px white,109px 40px white,140px 10px white}.visual-caption{font-size:12px;font-weight:800;padding:14px 8px}.floating-label{position:absolute;z-index:4;bottom:52px;right:0;background:white;border-radius:12px;box-shadow:0 18px 40px #1b203027;display:flex;align-items:center;gap:10px;padding:14px 17px}.floating-label>span{background:#fff0ea;color:var(--accent);font-size:23px;border-radius:10px;padding:3px 10px}.floating-label b{font-size:11px;display:block}.floating-label small{font-size:9px;color:#96939a}.hero-bottom{position:relative;border-top:1px solid #e2dcd5}.hero-bottom .container{display:flex;justify-content:space-between;padding:20px 0;color:#aaa1a0;font-size:10px;letter-spacing:1.5px}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:37px}.section h2,.faq-section h2{font-size:clamp(28px,3.4vw,44px);line-height:1.4;letter-spacing:-1.5px;margin:12px 0}.accent-text{color:var(--accent)}.section-desc{color:var(--sub);font-size:13px;margin:4px 0}.head-decor{font-size:70px;color:#f8d5c9;font-weight:300}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-card{border-radius:15px;min-height:245px;padding:23px;position:relative;overflow:hidden;transition:transform .2s}.category-card:hover{transform:translateY(-5px)}.category-pink{background:#ffebe5}.category-purple{background:#eae5fc}.category-beige{background:#f2eade}.category-blue{background:#e4eff6}.cat-index{display:block;color:#777078;font-size:9px;letter-spacing:2px;font-weight:700}.category-card strong{display:block;font-size:21px;margin:66px 0 6px}.cat-detail{color:#88808a;font-size:11px}.cat-glyph{position:absolute;right:25px;top:35px;font-size:83px;opacity:.17;line-height:1}.cat-arrow{position:absolute;right:22px;bottom:23px;font-size:20px}.section-dark{background:#1b202c;color:white}.section-dark .section-desc{color:#9da2ad}.section-dark .label-num{color:#ffad9d}.section-count{font-size:10px;letter-spacing:2px;color:#b0afb0}.spotlight-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.spotlight-card{border:1px solid #3f4351;border-radius:16px;display:flex;overflow:hidden;background:#252b39;min-height:260px}.spotlight-card .poster{width:42%;flex-shrink:0;border-radius:0}.spotlight-info{padding:27px;display:flex;flex-direction:column;align-items:flex-start}.spotlight-info .tag,.card-meta{font-size:10px;letter-spacing:1px;color:#a9acb7}.spotlight-info h3{font-size:23px;margin:22px 0 11px}.spotlight-info p{font-size:12px;color:#a8adb8;line-height:1.9;margin:0}.spotlight-info .episode{margin-top:auto;padding-top:20px;font-size:11px;color:#ffa08c}.drama-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.drama-card{min-width:0;border:1px solid #ebe8e4;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 6px 17px #26252507;transition:transform .2s,box-shadow .2s}.drama-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #26252516}.poster{height:220px;overflow:hidden;position:relative;background:linear-gradient(140deg,var(--poster-a),var(--poster-b));display:flex;align-items:center;justify-content:center}.poster::before{content:"";position:absolute;border:1px solid #ffffff46;width:200px;height:200px;transform:rotate(24deg);border-radius:43px;left:-38px;top:35px}.poster::after{content:"";position:absolute;background:#ffffff23;width:180px;height:180px;border-radius:50%;right:-56px;top:-48px}.poster-symbol{font-size:108px;line-height:1;color:#ffffffb8;filter:drop-shadow(0 11px 13px #0002);font-weight:300;position:relative;z-index:1}.poster-small{position:absolute;top:15px;left:16px;z-index:2;font-size:9px;font-weight:800;letter-spacing:1.6px;color:#fff}.poster-foot{position:absolute;bottom:15px;right:16px;font-size:9px;color:#fff9;letter-spacing:1px}.card-body{padding:20px 21px 23px}.card-body h3{font-size:18px;margin:11px 0 8px;line-height:1.5}.card-body p{font-size:12px;color:#777780;line-height:1.9;margin:0;min-height:69px}.card-bottom{border-top:1px solid #eeeae8;margin-top:17px;padding-top:15px;display:flex;justify-content:space-between;font-size:11px;color:#a09ca1}.card-bottom .episodes{color:#ed806f;font-weight:700}.section-muted{background:#f6f4f1}.newsletter{background:#f5b5a2}.newsletter-inner{display:flex;gap:25px;align-items:center;padding:54px 0}.newsletter-symbol{font-size:75px;color:#fff7e5}.newsletter h2{font-size:32px;margin:5px 0}.newsletter p{margin:0;font-size:13px;color:#6a5151}.newsletter .label-num{color:#945c51}.btn-light{margin-left:auto;background:#fff;color:#333;white-space:nowrap}.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-list details{border-bottom:1px solid #e6e2df;padding:22px 0}.faq-list summary{font-size:15px;cursor:pointer;font-weight:750;display:flex;align-items:center;justify-content:space-between;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px;color:var(--accent);font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:12px;color:#777980;margin:13px 30px 0 0}.footer{background:#161b26;color:#f5f5f4}.footer-top{padding:55px 0 45px;display:flex;justify-content:space-between;align-items:center}.footer-brand{color:#fff}.footer-top p{font-size:12px;color:#8d909a;margin-top:20px}.footer-nav{display:flex;gap:29px;color:#bcc0c9;font-size:12px}.footer-nav a:hover{color:#ffad9d}.footer-bottom{padding:22px 0 30px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #323744;color:#7d818d;font-size:10px}.footer .brand-light{font-weight:400}@media(max-width:1050px){.site-nav{gap:14px}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:59px}.visual-front{left:0}.visual-back{right:-4%}.floating-label{right:0}.spotlight-info{padding:19px}.spotlight-info h3{font-size:20px}}@media(max-width:820px){.header-inner{min-height:70px}.site-nav{display:none;position:absolute;left:0;right:0;top:70px;background:#fffdf9;border-bottom:1px solid #ece9e6;padding:18px 30px;flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.site-nav a{padding:13px 3px}.nav-cta{display:none}.menu-btn{display:grid;gap:5px;background:none;border:none;cursor:pointer;padding:12px}.menu-btn span{display:block;height:2px;width:23px;background:#222}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:68px 0 15px}.hero-visual{height:440px;max-width:520px;width:100%;margin:auto}.visual-front{left:10%;top:22px}.visual-back{right:8%;top:64px}.floating-label{bottom:25px;right:4%}.category-grid{grid-template-columns:repeat(2,1fr)}.drama-grid{grid-template-columns:repeat(2,1fr)}.faq-wrap{grid-template-columns:1fr;gap:25px}.section{padding:70px 0}.spotlight-grid{grid-template-columns:1fr}}@media(max-width:540px){.container{width:min(100% - 34px,1200px)}.brand{font-size:19px}.hero-copy{padding-top:53px}.hero h1{font-size:53px;letter-spacing:-3px}.hero-copy>p{font-size:13px}.hero-metrics{margin-top:38px}.hero-visual{height:360px}.visual-front{left:6%;top:28px;width:190px;height:290px}.visual-back{width:165px;height:274px;right:4%;top:62px}.visual-art{height:190px}.visual-back .visual-art{height:175px}.art-sun{width:105px;height:105px;top:42px;left:36px}.visual-caption{font-size:10px}.visual-no{font-size:7px}.floating-label{bottom:12px;right:0;transform:scale(.8);transform-origin:right bottom}.hero-bottom .container{font-size:8px}.section h2{font-size:31px}.head-decor,.section-count{display:none}.category-grid{gap:10px}.category-card{min-height:190px;padding:17px}.category-card strong{font-size:18px;margin-top:53px}.cat-glyph{font-size:60px;right:14px}.cat-detail{font-size:10px}.cat-arrow{right:12px;bottom:12px}.spotlight-card{min-height:235px}.spotlight-card .poster{width:38%}.spotlight-info h3{font-size:18px;margin:14px 0 8px}.spotlight-info p{font-size:11px}.spotlight-info{padding:16px}.drama-grid{grid-template-columns:1fr;gap:16px}.drama-card{display:grid;grid-template-columns:36% 64%;min-height:174px}.drama-card .poster{height:100%;min-height:174px}.poster-symbol{font-size:75px}.poster-small{font-size:7px;left:9px}.card-body{padding:12px 14px}.card-body h3{font-size:15px;margin:6px 0}.card-body p{font-size:11px;min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-bottom{padding-top:10px;margin-top:12px}.newsletter-inner{flex-wrap:wrap;gap:5px;padding:38px 0}.newsletter-symbol{font-size:48px;margin-right:15px}.newsletter h2{font-size:24px}.newsletter .btn{margin-left:0;margin-top:15px}.footer-top{align-items:start;flex-direction:column;gap:20px}.footer-nav{flex-wrap:wrap;gap:16px}.footer-bottom{flex-direction:column}}