:root{--portal-bg:#07111d;--portal-panel:#0d1d2b;--portal-line:#294657;--portal-text:#edf7ff;--portal-muted:#9cb2c1;--portal-green:#4bd39a;--portal-cyan:#55cfe3;--portal-warn:#ffd166}
*{box-sizing:border-box}
body{margin:0;padding-top:62px}
.platform-nav{position:fixed;z-index:1000;top:0;left:0;right:0;height:62px;display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:22px;padding:0 max(22px,calc((100vw - 1600px)/2));border-bottom:1px solid var(--portal-line);background:#07111df2;color:var(--portal-text);backdrop-filter:blur(14px);font-family:Inter,"Microsoft YaHei",sans-serif}
.platform-nav .platform-brand{color:var(--portal-text);font-size:15px;font-weight:900;text-decoration:none;white-space:nowrap}
.platform-nav nav{display:flex;gap:20px}.platform-nav nav a{position:relative;padding:20px 0;color:var(--portal-muted);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}.platform-nav nav a:hover,.platform-nav nav a.active{color:var(--portal-green)}.platform-nav nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--portal-green)}
.platform-author{margin-left:2px;color:#dbeaf2;font-size:15px;font-weight:600;white-space:nowrap}
.work-context{display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(1600px,calc(100% - 40px));margin:14px auto;padding:11px 14px;border:1px solid var(--portal-line);border-radius:11px;background:#0c1e2b;color:var(--portal-text);font-family:Inter,"Microsoft YaHei",sans-serif}.work-context p{margin:0;color:var(--portal-muted);font-size:14px;line-height:1.55}.work-context b{color:var(--portal-cyan)}.work-actions{display:flex;gap:7px;flex-wrap:wrap}.work-actions a{padding:8px 11px;border:1px solid #3a596c;border-radius:8px;background:#153044;color:var(--portal-text);font-size:14px;font-weight:800;text-decoration:none}.work-actions a.primary{border-color:var(--portal-green);background:#154738;color:var(--portal-green)}
.unified-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:17px 16px;border-top:1px solid var(--portal-line);background:#07111d;color:var(--portal-muted);font-family:Inter,"Microsoft YaHei",sans-serif;text-align:center}.unified-footer strong{color:#d6e5ed;font-size:14px;font-weight:600}.unified-footer span{font-size:13px;line-height:1.5}
@media(max-width:980px){body{padding-top:100px}.platform-nav{height:100px;grid-template-columns:1fr auto;padding:9px 14px}.platform-nav nav{grid-column:1/-1;grid-row:2;overflow:auto}.platform-nav nav a{padding:8px 0}.platform-author{justify-self:end}}
@media(max-width:620px){.platform-nav{grid-template-columns:1fr auto}.platform-brand{overflow:hidden;text-overflow:ellipsis}.platform-author{font-size:14px}.work-context{align-items:flex-start;flex-direction:column;width:calc(100% - 24px)}}