:root{--ink:#24475a;--muted:#78909c;--line:#e9edef;--blue:#7eafc6;--pale:#eaf4f8;--warm:#f7f6f2;--red:#f04453}*{box-sizing:border-box}body{margin:0;color:#25292d;background:#fff;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,input{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}.topbar{height:66px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fffefaed;z-index:10;backdrop-filter:blur(14px)}.topinner{max-width:1430px;margin:auto;height:100%;display:flex;align-items:center;gap:34px;padding:0 36px}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:20px;font-weight:800;color:#28566b;letter-spacing:.03em}.brand small{display:block;font-size:9px;letter-spacing:.17em;font-weight:600;color:#88aebc}.brandmark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#dfedf3;color:#4d89a2}.search{height:38px;border-radius:22px;background:#f5f6f7;display:flex;align-items:center;padding:0 18px;gap:8px;width:360px;color:#9aa5a9}.search span{font-size:27px;line-height:1}.search input{border:0;background:none;outline:none;width:100%;font-size:13px}.topinner nav{display:flex;align-items:center;gap:30px;margin-left:auto;white-space:nowrap;font-size:14px;color:#777}.topinner nav button{padding:22px 0}.topinner nav .active{color:#222;font-weight:700;border-bottom:2px solid var(--red)}.topinner nav b{color:#aaa;font-size:11px}.demo-pill{font-size:11px;padding:7px 11px;border-radius:20px;background:#edf5f8;color:#60899b;white-space:nowrap}.shell{max-width:1170px;padding:0 20px 80px;margin:auto}.profile{display:flex;align-items:flex-start;padding:45px 20px 36px;gap:30px}.avatar{flex:none;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#d8eef5,#7cafc5);color:#fff;font-size:48px;font-weight:800;box-shadow:0 10px 30px #acc9d451}.identity{flex:1}.name{font-size:25px;font-weight:750}.verified{background:#7daec5;color:#fff;font-size:12px;border-radius:50%;padding:2px 5px;margin-left:3px}.subtle{font-size:12px;color:#9ba5a9;margin-left:13px;font-weight:400}.identity p{font-size:14px;line-height:1.9;margin:10px 0;color:#5c666b}.micro{display:flex;align-items:center;gap:13px;color:#939da2;font-size:12px}.micro i{height:11px;width:1px;background:#dce2e5}.profile-actions{display:flex;gap:9px;align-self:flex-start}.profile-actions a,.profile-actions button{padding:10px 18px;border-radius:22px;font-size:13px;font-weight:600}.outline{border:1px solid #c6d7de;color:#54849a}.red{background:var(--red);color:white}.hero-note{border-radius:18px;min-height:177px;background:linear-gradient(105deg,#eaf4f8f0,#e8f4fa9a),url('assets/scene-01.webp') center 42%/cover;padding:27px 44px;margin:0 20px 26px;color:#315367}.hero-note span{display:block;letter-spacing:.2em;font-size:11px;font-weight:700;margin-bottom:11px}.hero-note strong{font-size:24px;font-weight:700;letter-spacing:.035em}.hero-note p{font-size:13px;margin:12px 0 0;color:#678392}.tabs{height:52px;display:flex;align-items:stretch;justify-content:center;gap:100px;border-bottom:1px solid #eee}.tabs button{font-size:15px;color:#92999b;padding:0 8px;position:relative}.tabs button.sel{color:#25292d;font-weight:700}.tabs button.sel:after{content:"";position:absolute;bottom:0;left:35%;width:30%;height:3px;background:var(--red);border-radius:3px}.tabs span{font-size:11px;color:#aaa;margin-left:4px}.filters{display:flex;gap:10px;overflow:auto;padding:23px 0 20px;scrollbar-width:none}.filters button{white-space:nowrap;padding:8px 15px;border:1px solid #e8eced;border-radius:18px;font-size:12px;color:#657278}.filters button.on{border-color:#9fc6d6;color:#396f89;background:#eaf5f9}.feed{display:grid;grid-template-columns:repeat(5,1fr);gap:24px 17px}.card{min-width:0;cursor:pointer}.thumb{aspect-ratio:3/4;position:relative;overflow:hidden;border-radius:9px;background:#e9f2f6}.thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.card:hover .thumb img{transform:scale(1.035)}.picnum{position:absolute;right:9px;top:9px;color:white;background:#243c4b80;border-radius:10px;font-size:10px;padding:3px 7px}.card h3{font-size:14px;line-height:1.55;margin:10px 2px 7px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cardfoot{display:flex;align-items:center;gap:6px;color:#949da1;font-size:11px}.cardfoot .mini-avatar{width:18px;height:18px;font-size:9px}.cardfoot .like{margin-left:auto;font-size:16px;color:#9ca7ad}.empty{text-align:center;color:#94a0a6;padding:80px}.overlay{position:fixed;inset:0;background:#151d27a9;z-index:30;display:grid;place-items:center;padding:22px}.overlay[hidden],.info[hidden],[hidden]{display:none!important}.dialog{width:min(1080px,100%);height:min(760px,95vh);background:white;border-radius:15px;display:grid;grid-template-columns:56% 44%;position:relative;overflow:hidden;box-shadow:0 24px 70px #0003}.close{position:absolute;top:9px;right:12px;font-size:30px;z-index:4;color:#758087}.gallery{background:#f1f4f6;display:flex;flex-direction:column;min-height:0}.slide-area{height:calc(100% - 33px);display:grid;place-items:center;position:relative}.slide-area img{height:100%;max-width:100%;object-fit:contain}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#fffdfdcb;color:#405363;font-size:28px;line-height:26px;box-shadow:0 1px 8px #0002}.prev{left:12px}.next{right:12px}.counter{position:absolute;bottom:10px;right:15px;color:#fff;background:#1b324477;border-radius:12px;font-size:11px;padding:4px 8px}.dots{height:33px;display:flex;justify-content:center;align-items:center;gap:7px}.dots button{width:6px;height:6px;border-radius:50%;background:#b8c3c9;padding:0}.dots button.on{background:#547f95;width:17px;border-radius:5px}.detail{display:flex;flex-direction:column;min-height:0}.author{height:70px;border-bottom:1px solid #f0f1f2;display:flex;align-items:center;gap:10px;padding:12px 24px}.mini-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#c3e1ed,#6ea5bd);color:white;font-size:17px;font-weight:bold}.author b{display:block;font-size:13px}.author small{display:block;font-size:10px;color:#a0a6a9;margin-top:3px}.right-tag{margin-left:auto;border-radius:12px;background:#eaf4f8;color:#5889a0;padding:5px 9px;font-size:10px}.body-scroll{padding:22px 27px;overflow:auto;flex:1}.body-scroll h1{font-size:20px;line-height:1.45;margin:0 0 17px}.post-body{white-space:pre-line;font-size:13px;line-height:2;color:#484f54}.tags{color:#4c8ca9;font-size:13px;line-height:2;margin-top:11px}.tags span{margin-right:8px}.meta{display:flex;gap:15px;margin:19px 0;color:#a1a8aa;font-size:11px}.visual-brief{background:#f1f7f9;border-radius:10px;padding:14px;color:#597487;font-size:12px;line-height:1.8}.visual-brief b{display:block;color:#34576a;margin-bottom:3px}.detail-actions{border-top:1px solid #eee;padding:14px 21px;display:flex;flex-wrap:wrap;gap:8px}.detail-actions button,.detail-actions a{font-size:12px;padding:9px 11px;border-radius:18px;background:#f5f7f8;white-space:nowrap}.detail-actions .download{background:#e1f0f5;color:#35728e;font-weight:700}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#273f4d;color:white;padding:10px 16px;border-radius:20px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:60}.toast.show{opacity:1}.info{position:fixed;inset:0;display:grid;place-items:center;background:#1425369c;z-index:45;padding:20px}.info>div{position:relative;background:#fff;border-radius:16px;padding:35px;max-width:520px;line-height:1.9;font-size:14px;color:#53626a}.info h2{color:#294c60;margin:0 0 12px}.info button{position:absolute;right:16px;top:8px;font-size:28px}.mobile-nav{display:none}@media(max-width:1000px){.feed{grid-template-columns:repeat(4,1fr)}.topinner{gap:18px}.search{width:260px}.topinner nav{gap:15px}}@media(max-width:720px){.topbar{height:55px}.topinner{padding:0 15px;gap:12px}.brand{font-size:17px}.brandmark{width:30px;height:30px}.search{width:auto;flex:1}.search input{font-size:12px}.topinner nav,.demo-pill{display:none}.shell{padding:0 14px 80px}.profile{gap:15px;padding:25px 4px 23px;align-items:flex-start;flex-wrap:wrap}.avatar{width:67px;height:67px;font-size:30px}.identity{min-width:calc(100% - 82px)}.name{font-size:19px}.subtle{font-size:10px;margin-left:4px}.identity p{font-size:12px;margin:5px 0}.micro{font-size:10px;gap:7px;flex-wrap:wrap}.profile-actions{width:100%;padding-left:82px}.profile-actions a,.profile-actions button{font-size:11px;padding:7px 12px}.hero-note{margin:0 0 17px;padding:20px;min-height:143px}.hero-note strong{font-size:18px}.hero-note p{font-size:11px;line-height:1.5}.tabs{gap:42px}.feed{grid-template-columns:repeat(2,1fr);gap:18px 10px}.card h3{font-size:12px}.overlay{padding:0;align-items:stretch}.dialog{height:100dvh;max-height:none;border-radius:0;display:flex;flex-direction:column}.close{color:#fff;background:#1d36468c;border-radius:50%;width:30px;height:30px;line-height:28px;top:9px;right:9px}.gallery{height:53dvh;flex:none}.slide-area{height:calc(100% - 22px)}.dots{height:22px}.detail{flex:1}.author{height:52px;padding:8px 15px}.body-scroll{padding:15px;max-height:none}.body-scroll h1{font-size:17px;margin-bottom:8px}.post-body{font-size:12px;line-height:1.8}.detail-actions{padding:9px;flex-wrap:nowrap;overflow:auto}.detail-actions button,.detail-actions a{font-size:11px;padding:8px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:54px;background:#fff;border-top:1px solid #eee;justify-content:space-around;align-items:center;z-index:9}.mobile-nav button{font-size:22px;line-height:1;color:#7c8b91}.mobile-nav button.active{color:#ed5660}.mobile-nav small{display:block;font-size:9px;margin-top:3px}.toast{bottom:65px}}

/* 品牌视觉层：统一使用雾蓝、深海蓝、暖白和系统中文无衬线字体。 */
.brand-avatar{position:relative;overflow:hidden;background:#fff;border:2px solid #173d70;box-shadow:0 6px 20px #456d8a2e}
.brand-avatar img{position:absolute;width:235%;max-width:none;height:auto;top:6%;left:-5%}
.brand-avatar>span{position:absolute;bottom:7%;left:0;right:0;text-align:center;color:#173d70;font:700 11px Georgia,serif;letter-spacing:-.04em;background:#ffffffc9}
.mini-avatar.brand-avatar{border-width:1px}
.mini-avatar.brand-avatar>span{font-size:3.7px;bottom:4%}
.identity{min-width:0}
.identity .brand-statement{font-size:15px;font-weight:700;color:var(--ink);margin:11px 0 3px}
.identity .brand-description{max-width:650px;font-size:12.5px;line-height:1.8;color:#5d7180;margin:0 0 10px}
.profile-lines{display:flex;flex-wrap:wrap;gap:7px 18px;font-size:11px;color:#708694;margin-bottom:10px}
.profile-lines b{color:#3f728c;margin-right:7px}
.profile-actions{white-space:nowrap}
.brand{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.02em}
.brand small{font-family:"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.08em}
.hero-note{background-image:linear-gradient(105deg,#eaf4f8f7,#e8f4faac),url('assets/scene-03.webp')}
@media(max-width:720px){.brand{font-size:16px}.profile .brand-avatar{width:67px;height:67px}.brand-avatar>span{font-size:7px}.profile .identity{min-width:calc(100% - 82px)}.identity .brand-statement{font-size:12px;margin-top:7px}.identity .brand-description{font-size:11px;line-height:1.65}.profile-lines{font-size:10px;line-height:1.6}.profile-actions{padding-left:82px}}
.brand-avatar{display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #173d70;box-shadow:0 6px 20px #456d8a1f}
.brand-avatar>span{position:static;display:block;white-space:nowrap;background:none;color:#173d70;font:700 14px Georgia,"Times New Roman",serif;letter-spacing:-.045em}
.mini-avatar.brand-avatar>span{font-size:5px}
.cardfoot .mini-avatar.brand-avatar>span{font-size:2.9px}
@media(max-width:720px){.profile .brand-avatar>span{font-size:9px}}