*{box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth}body{margin:0;background:#0b1113;color:#eef4f3;font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:#e8f5f2;text-underline-offset:4px;text-decoration-color:#2aa88f}img{max-width:100%}.site-header{position:sticky;top:0;z-index:9000;background:#0d1719;border-bottom:1px solid rgba(42,168,143,.35);box-shadow:0 8px 26px rgba(0,0,0,.32)}.head{max-width:1120px;height:64px;margin:auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.site-logo,.drawer-logo,.footer-logo{text-decoration:none;display:flex;align-items:center}.site-logo img,.drawer-logo img,.footer-logo img{height:36px;width:auto;max-width:150px;object-fit:contain}.logo-empty{font-size:20px;font-weight:800;color:#fff}.main-nav{display:flex;gap:6px;align-items:center}.main-nav a{padding:8px 12px;text-decoration:none;font-weight:700;white-space:nowrap}.main-nav a.on,.main-nav a:hover{background:#157e6b;color:#fff;border-radius:7px}.entry-btn{height:40px;padding:0 16px;border-radius:7px;display:inline-flex;align-items:center;background:#168c76;color:#fff;text-decoration:none;font-weight:700;border:1px solid #36bca2}.mobile{display:none}.sub-nav{background:#101d20;border-bottom:1px solid rgba(42,168,143,.22)}.sub-nav>div{max-width:1120px;height:42px;margin:auto;padding:0 16px;display:flex;gap:20px;align-items:center;overflow-x:auto}.sub-nav a{white-space:nowrap;text-decoration:none;font-size:14px;color:#cfe1dd;border-bottom:2px solid transparent;height:42px;display:flex;align-items:center}.sub-nav a.on,.sub-nav a:hover{color:white;border-bottom-color:#2aa88f}.site-main{max-width:1120px;margin:auto;padding:38px 16px 54px}.reading{max-width:780px;margin-left:auto;margin-right:auto}.breadcrumb{font-size:14px;color:#88a19c}.breadcrumb a{color:#bfd4cf}.hero{padding:4px 0 24px}.hero h1{font-size:35px;line-height:1.25;margin:8px 0 18px;padding-bottom:14px;position:relative}.hero h1:after{content:"";position:absolute;left:0;bottom:0;width:54px;height:3px;background:#2aa88f}.lead{font-size:18px;color:#cfe1dd}.section{margin:34px 0}.panel{background:#111d20;border:1px solid rgba(42,168,143,.28);border-radius:10px;padding:24px;box-shadow:0 12px 30px rgba(0,0,0,.22)}.panel h2,.section h2{font-size:22px;margin:0 0 12px}.panel p:last-child{margin-bottom:0}.grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-3 article,.mini{background:#111d20;border-top:2px solid #2aa88f;padding:20px;border-radius:10px}.link-stack{display:grid;gap:10px}.link-stack a{background:#0f1a1c;border-left:3px solid #2aa88f;padding:10px 12px;text-decoration:none}.media{position:relative;overflow:hidden;border-radius:10px;background:#111d20;aspect-ratio:16/9;min-height:180px}.media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.media-empty{position:absolute;inset:0;background:linear-gradient(145deg,#0d1719,#111d20)}.poster{max-width:960px;margin:0 auto;height:188px;aspect-ratio:auto}.poster img{object-fit:contain}.media-small{min-height:150px;max-height:175px}.media-feature{min-height:205px;max-height:230px}.note{border-left:3px solid #2aa88f;background:#0f1a1c;padding:14px 16px;border-radius:0 8px 8px 0;color:#cfe1dd}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-row a{border:1px solid rgba(42,168,143,.45);border-radius:999px;padding:6px 12px;text-decoration:none}.plain{padding-left:1.2em}.plain li{margin:7px 0}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;background:#111d20}.table th,.table td{padding:12px 14px;border-bottom:1px solid rgba(42,168,143,.2);text-align:left;vertical-align:top}.table th{background:#0e191b}.qa{display:grid;gap:16px}.qa article{background:#111d20;border:1px solid rgba(42,168,143,.28);border-radius:10px;padding:20px}.qa h2{font-size:19px}.site-footer{background:#081012;border-top:1px solid #2aa88f}.footer-grid{max-width:1120px;margin:auto;padding:34px 16px 24px;display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:24px}.footer-grid h2{font-size:16px}.footer-grid a{display:block;text-decoration:none;margin:5px 0}.footer-grid p{color:#b9cbc7;font-size:14px}.footer-note{max-width:1120px;margin:auto;padding:18px 16px 24px;border-top:1px solid rgba(42,168,143,.2);display:flex;justify-content:space-between;gap:18px;color:#b9cbc7;font-size:14px}.top-btn{position:fixed;right:20px;bottom:20px;width:40px;height:40px;border:0;border-radius:50%;background:#168c76;color:white;font-size:20px}.drawer,.mask{display:none}.mobile-bottom{display:none}@media(max-width:980px){body{padding-bottom:62px}.desktop{display:none}.mobile{display:flex;height:56px}.mobile .site-logo{position:absolute;left:50%;transform:translateX(-50%)}.mobile .site-logo img{height:32px;max-width:130px}.menu-open,.menu-close{background:none;border:0;color:#dff3ef;font:inherit}.login-link{text-decoration:none}.sub-nav{display:none}.drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);background:#0d1719;z-index:12000;transform:translateX(-105%);transition:.2s;overflow-y:auto;box-shadow:18px 0 40px rgba(0,0,0,.45)}.drawer.open{transform:translateX(0)}.drawer-top{height:62px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(42,168,143,.3)}.drawer nav{padding:14px}.drawer nav h2{font-size:12px;color:#89aaa3;margin:12px 0 4px}.drawer nav a{display:block;padding:8px 10px;text-decoration:none;border-left:3px solid transparent}.drawer nav a:hover{border-left-color:#2aa88f;background:#111d20}.mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:11000;opacity:0;pointer-events:none}.mask.show{display:block;opacity:1;pointer-events:auto}.drawer-open{overflow:hidden}.grid-2,.grid-3{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-note{flex-direction:column}.top-btn{display:none}.mobile-bottom{display:grid;position:fixed;left:0;right:0;bottom:0;height:54px;background:#081012;border-top:1px solid #2aa88f;grid-template-columns:repeat(4,1fr);z-index:10000}.mobile-bottom a{display:grid;place-items:center;text-decoration:none}.poster{height:126px}.site-main{padding-top:28px}.hero h1{font-size:29px}}@media(max-width:560px){.site-main{padding-left:14px;padding-right:14px}.footer-grid{grid-template-columns:1fr;padding-left:14px;padding-right:14px}.footer-note{padding-left:14px;padding-right:14px}.panel{padding:19px}.hero h1{font-size:27px}}