:root{--nav:#032541;--blue:#01b4e4;--green:#90cea1;--page:1300px;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#111}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff}button,input{font:inherit}.nav-shell{height:64px;background:var(--nav);color:#fff}.nav-inner{height:64px;max-width:var(--page);margin:auto;display:flex;align-items:center;padding:0 28px;gap:30px}.logo{display:flex;align-items:center;text-decoration:none;color:#6de0d0;font-size:21px;font-weight:800;letter-spacing:-1px}.logo b{color:#47b9e7}.logo i{display:inline-block;width:58px;height:20px;border-radius:20px;margin-left:8px;background:linear-gradient(90deg,var(--green),var(--blue))}.nav-inner nav{display:flex;gap:25px}.nav-inner nav a,.nav-actions button{color:#fff;text-decoration:none;font-weight:700;font-size:14px}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.nav-actions button{border:0;background:transparent;cursor:pointer;padding:5px}.nav-actions .plus{font-size:25px}.nav-actions .lang{font-size:11px;border:1px solid #fff;border-radius:3px;padding:5px}.search-open{font-size:25px!important;color:var(--blue)!important}.hero{max-width:var(--page);height:360px;margin:auto;position:relative;color:#fff;background:linear-gradient(110deg,#073c62 0%,rgba(3,37,65,.78) 45%,rgba(3,37,65,.15)),radial-gradient(circle at 80% 50%,#36a4ad 0,#1f617d 28%,#092c4d 70%);overflow:hidden}.hero:after{content:"剧";position:absolute;right:8%;top:-90px;font:520px/1 Georgia,serif;color:rgba(255,255,255,.07);transform:rotate(-10deg)}.hero-inner{position:relative;z-index:1;padding:74px 48px}.hero h1{font-size:46px;margin:0 0 5px;font-weight:800}.hero p{font-size:28px;font-weight:700;margin:0 0 45px}.search-bar{height:46px;display:flex;background:#fff;border-radius:30px;overflow:hidden}.search-bar input{border:0;outline:0;flex:1;padding:0 20px;color:#444;font-style:italic}.search-bar button{width:105px;border:0;border-radius:30px;background:linear-gradient(90deg,var(--green),var(--blue));color:#fff;font-weight:700;cursor:pointer}.content-section{max-width:var(--page);margin:auto;padding:31px 28px}.title-line{display:flex;align-items:center;gap:20px;margin-bottom:21px}.title-line h2{font-size:24px;margin:0}.title-line>a{margin-left:auto;color:#1c5a7a;text-decoration:none}.switcher{border:1px solid var(--nav);border-radius:30px;display:flex;overflow:hidden}.switcher button{border:0;background:#fff;padding:5px 17px;color:var(--nav);font-weight:700;font-size:13px;cursor:pointer}.switcher button.active{background:var(--nav);color:#8ee4bf}.horizontal-cards{display:flex;gap:19px;overflow-x:auto;padding:0 0 18px;scrollbar-color:#d5d5d5 transparent}.media-card{width:150px;flex:0 0 150px;cursor:pointer}.poster{height:225px;border-radius:9px;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.17)}.poster:before{content:attr(data-letter);position:absolute;right:-7px;top:4px;font:125px/1 Georgia,serif;color:rgba(255,255,255,.14)}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 55%)}.poster-title{position:absolute;z-index:1;bottom:14px;left:13px;right:10px;color:#fff;font:22px/1.05 Georgia,"Songti SC",serif}.score-ring{position:absolute;z-index:2;left:10px;bottom:-19px;width:40px;height:40px;border:3px solid #21d07a;background:#081c22;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:700}.score-ring small{font-size:6px}.more{position:absolute;z-index:2;right:7px;top:7px;width:25px;height:25px;border-radius:50%;border:0;background:#e6e6e6bf;font-weight:800}.card-copy{padding:25px 10px 0}.card-copy h3{font-size:15px;margin:0 0 7px}.card-copy p{font-size:13px;color:#777;margin:0}.loading{color:#777}.trailer-section{position:relative;max-width:var(--page);min-height:350px;margin:auto;background:#06324c;color:#fff;overflow:hidden}.trailer-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 76% 45%,rgba(38,170,173,.6),transparent 31%),linear-gradient(90deg,rgba(3,37,65,.98),rgba(3,37,65,.73)),linear-gradient(135deg,#31566f,#152a48)}.trailer-content{position:relative;z-index:1}.title-line.inverse h2{color:#fff}.switcher.dark{border-color:#8be2ba}.switcher.dark button{color:#fff;background:transparent}.switcher.dark button.active{background:#8be2ba;color:#032541}.trailer-row{display:flex;gap:20px;overflow-x:auto}.trailer-card{width:340px;flex:0 0 340px;text-align:center;cursor:pointer}.trailer-image{height:190px;border-radius:9px;display:grid;place-items:center;position:relative;box-shadow:0 4px 20px #0006}.trailer-image button{border:0;background:transparent;color:#fff;font-size:55px;cursor:pointer;filter:drop-shadow(0 3px 6px #000)}.trailer-image span{position:absolute;right:10px;bottom:8px;background:#000a;border-radius:4px;padding:3px 5px;font-size:11px}.t1{background:linear-gradient(135deg,#2d7691,#ed936c)}.t2{background:linear-gradient(135deg,#392661,#b45b70)}.t3{background:linear-gradient(135deg,#3d4939,#b8a268)}.trailer-card h3{margin:10px 0 2px;font-size:15px}.trailer-card p{margin:0;font-size:13px}.community-banner{max-width:1244px;margin:15px auto 40px;padding:48px 55px;border-radius:12px;color:#fff;background:linear-gradient(105deg,#0d765e,#0b8dab 65%,#0a4f73);display:grid;grid-template-columns:1fr 1fr;gap:55px}.kicker{font-size:11px;letter-spacing:2px;font-weight:800;color:#a6f4d2}.community-banner h2,.api-band h2{font-size:34px;margin:8px 0 12px}.community-banner p,.api-band p{line-height:1.7}.community-banner button{border:2px solid #fff;background:transparent;color:#fff;border-radius:30px;padding:10px 18px;font-weight:bold}.comments{position:relative;min-height:180px}.comments span{position:absolute;background:#fff;color:#174154;border-radius:20px;padding:10px 15px;box-shadow:0 8px 24px #004d5c66;font-size:13px}.comments span:nth-child(1){top:6px;left:8px}.comments span:nth-child(2){top:60px;right:0}.comments span:nth-child(3){top:113px;left:40px}.comments span:nth-child(4){top:152px;right:75px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{border:1px solid #ddd;border-radius:9px;overflow:hidden;box-shadow:0 2px 7px #00000014}.news-image{height:135px;background:linear-gradient(135deg,#04365c,#1eb5be);position:relative}.news-image:after{content:"DuanDB INSIGHT";position:absolute;bottom:15px;left:18px;color:#fff;font-weight:800;letter-spacing:2px}.news-copy{padding:18px}.news-meta{display:flex;justify-content:space-between;color:#777;font-size:11px}.news-copy h3{font-size:17px;line-height:1.45;margin:15px 0 8px}.news-copy p{font-size:13px;color:#666;line-height:1.6}.api-band{max-width:var(--page);margin:30px auto 0;padding:58px;display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#0d253f;color:#fff}.api-pills{display:flex;gap:8px;flex-wrap:wrap}.api-pills span{border:1px solid #547086;border-radius:20px;padding:6px 10px;font-size:11px}.code-box{align-self:center;background:#061a2b;border:1px solid #345369;border-radius:9px;overflow:hidden}.code-head{display:flex;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #27465b;color:#8edcf0}.code-head button{border:0;background:transparent;color:#fff}.code-box pre{padding:19px;overflow:auto;color:#9fe6b5}.code-box small{display:block;padding:0 19px 17px;color:#8fa9ba}.code-box b{color:#fff}footer{background:#032541;color:#fff;min-height:260px;padding:55px max(30px,calc((100% - 1000px)/2));display:flex;gap:75px;align-items:flex-start}.footer-logo{font-weight:800;font-size:32px;color:#52cae6;margin-right:30px}footer h4{margin:5px 0 12px}footer a{display:block;color:#fff;text-decoration:none;margin:6px 0;font-size:13px}dialog{width:min(1030px,calc(100% - 24px));padding:0;border:0;border-radius:9px;overflow:auto;max-height:90vh;box-shadow:0 25px 80px #000}dialog::backdrop{background:#001625cc}.close{position:absolute;z-index:5;right:13px;top:10px;width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:#032541;font-size:24px}.detail-hero{min-height:430px;color:#fff;position:relative;padding:50px;display:flex;align-items:end}.detail-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071d2de8,#071d2d6b)}.detail-content{position:relative;z-index:1;max-width:670px}.detail-content h2{font-size:42px;margin:8px 0}.detail-content .tagline{font-style:italic;color:#ccc}.detail-meta{display:flex;gap:10px;font-size:14px}.detail-meta span+span:before{content:"•";margin-right:10px}.big-score{width:64px;height:64px;border-radius:50%;border:5px solid #21d07a;background:#081c22;display:grid;place-items:center;font-weight:800;margin-top:20px}.detail-lower{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:34px 50px}.people{display:flex;gap:10px;flex-wrap:wrap}.person{padding:12px;border:1px solid #ddd;border-radius:7px;font-size:13px}.interact{background:#f3f6f7;padding:20px;border-radius:8px}.rating-buttons{display:flex;gap:5px;flex-wrap:wrap}.rating-buttons button{width:35px;height:35px;border:1px solid #b8c4cb;background:#fff;border-radius:50%}.dm-form{display:flex;margin-top:14px}.dm-form input{flex:1;min-width:0;padding:10px;border:1px solid #aaa}.dm-form button{border:0;background:#01b4e4;color:#fff;padding:0 15px}.dm-list span{display:inline-block;background:#fff;border-radius:18px;padding:7px 10px;margin:4px;font-size:12px}.member-view{padding:55px}.member-view h2{font-size:36px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px}.plans article{border:1px solid #ccc;border-radius:9px;padding:20px}.plans b{color:#01a878}.plans p{line-height:1.6;color:#666}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;background:#032541;color:#fff;border-radius:30px;padding:10px 18px;transition:.2s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:800px){.nav-inner{padding:0 15px}.logo i{width:38px}.nav-inner nav{display:none}.hero{height:330px}.hero-inner{padding:55px 22px}.hero h1{font-size:35px}.hero p{font-size:21px}.content-section{padding:27px 18px}.community-banner{margin:10px 18px 35px;padding:35px 25px;grid-template-columns:1fr}.news-grid,.api-band{grid-template-columns:1fr}.api-band{padding:45px 22px}.detail-lower{grid-template-columns:1fr;padding:25px}.detail-hero{padding:35px 25px}.detail-content h2{font-size:34px}.plans{grid-template-columns:1fr}footer{padding:40px 25px;gap:30px;flex-wrap:wrap}.footer-logo{width:100%}}@media(max-width:500px){.login,.plus{display:none}.hero h1{font-size:31px}.hero p{font-size:18px}.search-bar button{width:80px}.title-line{align-items:flex-start;flex-direction:column}.media-card{width:135px;flex-basis:135px}.poster{height:203px}.trailer-card{width:280px;flex-basis:280px}.trailer-image{height:160px}.community-banner h2,.api-band h2{font-size:28px}.comments{min-height:200px}.code-box pre{font-size:11px}.news-grid{grid-template-columns:1fr}}