:root{--ink:#2a2b2a;--paper:#f7f2ea;--cream:#fffaf3;--coral:#ed6b58;--blue:#577d9a;--line:#ded6cc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:78px;padding:0 clamp(20px,7vw,110px);display:flex;align-items:center;justify-content:space-between;background:var(--cream);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.logo{display:flex;align-items:center;gap:9px;font-family:Georgia,serif;font-size:21px;font-weight:700}.logo b{display:grid;place-items:center;width:30px;height:30px;background:var(--coral);color:#fff;border-radius:50%;font-size:15px}.logo strong{color:var(--coral);margin-left:2px}nav{display:flex;gap:31px;margin-left:90px;height:100%;align-items:center}nav a{font-size:13px;color:#777773;height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}nav a.on,nav a:hover{color:var(--ink);border-color:var(--coral)}.head-actions{display:flex;align-items:center;gap:15px}.head-actions button{border:0;background:none;font-size:27px;transform:rotate(-15deg)}.publish{font-size:12px;color:#fff;background:var(--coral);padding:10px 15px}.hero{height:590px;position:relative;overflow:hidden;background:#d9d0c7}.hero-photo{position:absolute;inset:0 0 0 34%;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-copy{position:absolute;left:clamp(25px,10vw,160px);top:50%;transform:translateY(-50%);z-index:1}.hero-copy small,.page-title small,.spotlight small,.section-head small,.detail-info>div>small,.legal>small{color:var(--coral);font-size:10px;letter-spacing:2px;font-weight:700}.hero h1{font-family:Georgia,"Songti SC",serif;font-size:clamp(48px,6vw,84px);line-height:1.1;font-weight:400;margin:19px 0}.hero h1 i{font-style:normal;color:var(--coral)}.hero-copy p{font-size:15px;color:#5e605c}.cta{display:inline-block;margin-top:19px;background:var(--ink);color:#fff;padding:13px 19px;font-size:13px}.cta span{margin-left:14px;color:var(--coral)}.hero-note{position:absolute;right:clamp(20px,7vw,105px);bottom:45px;text-align:center;color:#fff;font-size:11px;line-height:1.6}.hero-note em{font-family:Georgia,serif;font-size:50px;font-style:normal;color:var(--coral)}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);background:var(--cream);padding:0 clamp(20px,7vw,110px)}.quick-links a{padding:26px 24px;display:grid;grid-template-columns:42px 1fr 25px;align-items:center;border-right:1px solid var(--line)}.quick-links a:first-child{border-left:1px solid var(--line)}.quick-links span{color:var(--coral);font-size:12px}.quick-links b{font-size:16px}.quick-links small{grid-column:2;color:#8a8982;font-size:11px;margin-top:4px}.quick-links i{grid-row:1/3;grid-column:3;font-style:normal;font-size:20px;color:var(--coral)}.spotlight{max-width:1200px;margin:auto;padding:82px 25px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-head h2{font-family:Georgia,serif;font-weight:400;font-size:42px;margin:11px 0 0}.section-head>a{color:var(--coral);font-size:12px}.feature-grid{display:grid;grid-template-columns:1fr 1fr .72fr;gap:17px;align-items:start}.feature-card{background:var(--cream);padding-bottom:17px}.feature-card img{width:100%;height:265px;display:block;object-fit:cover}.feature-card.tall img{height:320px}.feature-card label{display:block;color:var(--coral);font-size:10px;letter-spacing:1.2px;margin:15px 17px 7px}.feature-card h3{font-family:Georgia,"Songti SC",serif;font-size:19px;font-weight:400;line-height:1.45;margin:0 17px}.feature-card p{font-size:11px;color:#8a8982;margin:10px 17px 0}.quote-card{padding:34px 24px;background:#ebe1d7;min-height:275px}.quote-card span{font:60px Georgia;color:var(--coral);line-height:.5}.quote-card p{font:24px/1.45 Georgia,"Songti SC",serif;margin:29px 0}.quote-card small{color:#777;font-size:11px}footer{padding:33px clamp(20px,7vw,110px);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);background:#eee6dc;color:#797871;font-size:11px}footer p{margin:9px 0 0}.foot-links{display:flex;gap:25px}.foot-links a:hover{color:var(--coral)}.page{max-width:1200px;margin:auto;padding:76px 25px 100px;min-height:calc(100vh - 78px)}.page-title h1{font:50px Georgia,"Songti SC",serif;margin:15px 0 9px}.page-title p{color:#76766f;font-size:14px}.filters{display:flex;gap:9px;margin:42px 0 24px}.filters button{background:transparent;border:1px solid #cfc6bc;padding:8px 16px;font-size:12px;color:#777}.filters button.selected,.filters button:hover{background:var(--coral);border-color:var(--coral);color:#fff}.video-list{display:grid;grid-template-columns:1fr 1fr;gap:25px}.video-item{display:grid;grid-template-columns:190px 1fr;gap:18px;background:var(--cream);padding:11px;position:relative}.video-item>img{width:190px;height:150px;object-fit:cover}.video-item>span{position:absolute;left:169px;top:131px;background:#242624;color:#fff;padding:4px 6px;font-size:10px}.video-item small,.rank-list small{color:var(--coral);font-size:10px;letter-spacing:1px}.video-item h2{font:19px/1.35 Georgia,"Songti SC",serif;margin:13px 0}.video-item p,.rank-list p{font-size:11px;color:#8b8981}.rank-list{list-style:none;padding:0;margin:45px 0 0}.rank-list li{display:grid;grid-template-columns:55px 150px 1fr 55px;align-items:center;gap:20px;border-top:1px solid var(--line);padding:17px 0}.rank-list li:last-child{border-bottom:1px solid var(--line)}.rank-list em{color:var(--coral);font:24px Georgia;font-style:normal}.rank-list img{width:150px;height:100px;object-fit:cover}.rank-list h2{font:20px Georgia;margin:10px 0}.rank-list>li>b{color:var(--coral);font-size:12px}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:55px}.guide-grid a{min-height:190px;padding:28px;background:var(--cream);border-left:5px solid var(--coral);display:flex;flex-direction:column;justify-content:end;position:relative}.guide-grid b{font:31px Georgia;font-weight:400}.guide-grid span{color:#888;font-size:12px;margin-top:10px}.guide-grid i{position:absolute;right:21px;top:20px;color:var(--coral);font:18px Georgia;font-style:normal}.legal{max-width:820px}.legal h1{font:50px Georgia;margin:16px 0 44px}.legal p{font-size:15px;color:#60615d;line-height:2;border-top:1px solid var(--line);padding:22px 0}.index-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:58px}.index-cols div{background:var(--cream);padding:25px}.index-cols h2{font:22px Georgia;margin:0 0 22px}.index-cols a{display:block;padding:11px 0;border-top:1px solid var(--line);font-size:13px;color:#666}.index-cols a:hover{color:var(--coral)}.detail-page{background:var(--ink);color:#fff;padding-bottom:90px;min-height:calc(100vh - 78px)}.player{height:550px;position:relative;max-width:1200px;margin:auto;background:#111;overflow:hidden}.player img{width:100%;height:100%;object-fit:cover;opacity:.8}.player button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;border:1px solid #fff;background:rgba(0,0,0,.2);color:#fff;font-size:20px}.player>span{position:absolute;bottom:16px;left:18px;font-size:11px}.detail-info{max-width:1200px;margin:auto;padding:37px 25px;display:flex;justify-content:space-between;border-bottom:1px solid #414442}.detail-info h1{font:42px Georgia;margin:14px 0}.detail-info p{color:#b9bbb6;font-size:14px}.creator{display:flex;align-items:center;gap:10px;margin-top:26px}.creator>span{display:grid;place-items:center;width:28px;height:28px;background:var(--coral);border-radius:50%}.creator>b{font-size:13px}.creator small{color:#8d928c;font-size:11px}.creator button{margin-left:10px;border:1px solid var(--coral);background:transparent;color:var(--coral);padding:6px 12px;font-size:11px}.detail-info aside{display:grid;grid-template-columns:70px 70px;gap:5px 15px;align-content:center;text-align:right}.detail-info aside b{font:24px Georgia}.detail-info aside span{color:#8d928c;font-size:10px}.detail-more{max-width:1200px;margin:auto;padding:35px 25px}.detail-more h2{font:26px Georgia}.detail-more>div{display:flex;gap:18px}.detail-more a{width:210px;color:#d2d5d0;font-size:12px}.detail-more img{width:210px;height:120px;object-fit:cover;display:block;margin-bottom:9px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--coral);color:#fff;padding:11px 18px;font-size:12px;transition:.25s;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){header{height:64px;padding:0 18px}nav{display:none}.logo{font-size:18px}.publish{display:none}.hero{height:600px}.hero-photo{inset:0}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,242,234,.93),rgba(247,242,234,.18) 75%)}.hero-copy{left:25px}.hero h1{font-size:52px}.hero-note{right:22px}.quick-links{padding:0;grid-template-columns:repeat(3,1fr)}.quick-links a{padding:22px 11px;grid-template-columns:1fr 18px}.quick-links small{display:none}.quick-links i{grid-column:2}.spotlight{padding:60px 20px}.section-head h2{font-size:35px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card img,.feature-card.tall img{height:210px}.quote-card{grid-column:1/-1;min-height:175px}.quote-card p{font-size:21px}.page{padding:58px 20px 75px}.page-title h1{font-size:40px}.video-list{grid-template-columns:1fr}.video-item{grid-template-columns:135px 1fr}.video-item>img{width:135px;height:115px}.video-item>span{left:114px;top:96px}.video-item h2{font-size:16px}.rank-list li{grid-template-columns:34px 95px 1fr}.rank-list img{width:95px;height:75px}.rank-list h2{font-size:15px}.rank-list>li>b{display:none}.guide-grid,.index-cols{grid-template-columns:1fr}.legal h1{font-size:42px}.player{height:370px}.detail-info{display:block;padding:27px 20px}.detail-info h1{font-size:32px}.detail-info aside{margin-top:25px;text-align:left;display:flex;gap:14px;align-items:end}.detail-info aside b{font-size:20px}.detail-info aside span{margin-right:9px}footer{display:block;padding:28px 20px}.foot-links{margin-top:22px;gap:16px;flex-wrap:wrap}}