/* 全站小红书视觉：红白色、胶囊导航、浅灰底控件与大圆角。 */
:root{--brand:#ff2442;--brand-dark:#ed1b38;--brand-soft:#fff0f3;--bg:#fff;--card:#fff;--text:#333;--text-2:#888;--muted:#999;--line:#f0f0f0;--line-strong:#e8e8e8;--radius:20px;--shadow:none;--ok:#5a9d71;--ok-soft:#eff8f2;--err:#f04664;--err-soft:#fff0f3}
html,body{background:#fff;color:#333}body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:0}a:hover{color:var(--brand)}.brand-mark{background:#ff2442;border-radius:12px;font-size:19px;color:#fff;letter-spacing:-1px;padding:0;box-shadow:none}.brand-lockup{font-size:20px;color:#222;font-weight:750;gap:10px}.brand-lockup small{font-size:9px;letter-spacing:1px;color:#aaa;font-weight:400}.btn,.btn.primary,.btn.dark{border-radius:999px;font-size:14px;line-height:1.5;padding:12px 22px;letter-spacing:0;box-shadow:none;min-height:44px;font-weight:500;width:auto}.btn{background:white;border:1px solid #e8e8e8;color:#666}.btn.primary,.btn.dark{background:#ff2442;color:white;border-color:#ff2442}.btn.primary:hover,.btn.dark:hover{background:#ed1b38;border-color:#ed1b38;filter:none;transform:none;box-shadow:none}.btn:hover{background:#f8f8f8;transform:none}.btn:disabled{transform:none}.tag{font-size:11px;border-radius:999px;padding:5px 10px;background:#f7f7f7;border:0;color:#999}.tag.good{background:#eff8f2;color:#5b966c}.tag.warm{background:#fff6ec;color:#bc905c}.tag.bad{background:#fff0f3;color:#e75a72}.avatar{background:#fff0f3;color:#ff2442;border-radius:50%;font-weight:600}.avatar.large{border-radius:50%;width:76px;height:76px;font-size:28px}.micro{font-size:12px;color:#999;line-height:1.85}.text-link{color:#ff2442;font-size:12px}.empty-state{font-size:13px;color:#aaa;line-height:1.9}.form-row{gap:9px;margin-bottom:22px}.form-row label{font-size:13px;font-weight:500;color:#555}.form-row input,.form-row textarea,.form-row select{background:#f8f8f8;border:1px solid #f0f0f0;border-radius:13px;padding:13px 14px;font-size:13px;min-height:46px;color:#333;box-shadow:none}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{outline:0;border-color:#ffadba;background:#fff;box-shadow:0 0 0 3px #ff244208}.form-row input[type=checkbox]{min-height:0;accent-color:#ff2442}.password-wrap button{border-radius:999px;border:0;background:#f5f5f5;color:#999;min-width:52px;font-size:12px}.form-error{background:#fff0f3;color:#e34b65;border-radius:12px;font-size:12px}.modal{background:#0006}.modal-card{background:white;border-radius:24px;padding:30px}.modal-card h2{font-size:22px}.form-grid{gap:0 20px}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ffadc0;outline-offset:3px}#toast{background:#333;color:white;border-radius:12px;font-size:13px}
/* 官网沿用同一套内容卡片和导航语言。 */
.site-nav{height:94px;max-width:1320px;padding:0 40px}.site-links{gap:30px;font-size:14px}.site-shell{max-width:1200px;padding:0 32px;display:block}.hero{padding:65px 0 70px;gap:70px;grid-template-columns:1fr 1fr}.kicker{color:#ff2442;font-size:12px;letter-spacing:1px;font-weight:500}.hero h1{font-size:clamp(37px,4.4vw,57px);font-weight:750;line-height:1.3;letter-spacing:-1px;margin:21px 0}.hero-copy{font-size:15px;line-height:1.95;color:#888;max-width:430px}.hero-actions{gap:12px;margin:28px 0 20px}.home-topics{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:21px}.home-topics a{padding:9px 15px;background:#f6f6f6;color:#888;border-radius:999px;font-size:12px}.home-topics a:hover{color:#ff2442;background:#fff0f3}.home-feed-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;transform:rotate(2deg)}.home-feed-card{border-radius:20px;overflow:hidden;border:1px solid #f0f0f0;display:block;background:#fff;box-shadow:0 8px 28px #00000005;transition:transform .2s}.home-feed-card:nth-child(2){margin-top:38px;margin-bottom:-12px}.home-feed-card:hover{transform:translateY(-4px);color:inherit}.home-cover{height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;font-size:28px;line-height:1.5;font-weight:700;text-align:center;color:#74484f;position:relative;overflow:hidden}.home-cover small{font-size:11px;letter-spacing:2px;font-weight:400}.home-cover.pink{background:#fff0f0}.home-cover.blue{background:#eaf4ff;color:#4f6d8c}.home-cover .play-outline{width:66px;height:66px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font-size:23px;font-weight:400}.home-cover:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:1px solid #ffffff85;top:-60px;left:-50px}.home-feed-content{padding:16px 15px 17px}.home-feed-content h3{font-size:14px;line-height:1.75;font-weight:600;color:#444}.home-feed-meta{display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-size:11px;color:#aaa;gap:8px}.home-feed-meta .mini-avatar{background:#fff0f3;color:#ff2442;border-radius:50%;width:23px;height:23px;display:inline-grid;place-items:center;font-size:10px;margin-right:5px}.home-feed-meta strong{font-weight:400;display:flex;align-items:center;color:#999}.feed-caption{font-size:11px;text-align:center;color:#aaa;grid-column:1/-1;margin-top:10px;letter-spacing:1px}.section-divider{border-color:#f1f1f1}.section-head h2,.faq h2{font-size:29px;line-height:1.5;letter-spacing:-.5px}.section-head{padding-top:60px}.section-head p,.workflow p{font-size:13px;color:#999}.workflow h3{font-size:17px;font-weight:600}.flow-index{color:#ff2442;font-size:12px;border-color:#eee}.editorial-box,.editorial-box.dark{background:#fafafa;border:1px solid #eee;border-radius:24px;color:#333;padding:34px}.editorial-box.dark .tag{background:#fff;border:1px solid #eee;color:#999}.editorial-box h3{font-size:24px;margin-top:16px;line-height:1.5}.editorial-box p{color:#999;font-size:13px}.editorial-box .mini-list{gap:8px}.faq details{border-color:#eee;font-size:14px}.faq details p{color:#999;font-size:13px}.closing{background:#fff3f5;border-radius:24px;padding:40px}.closing h2{font-size:27px;line-height:1.5}.closing p{color:#a58c91}.site-footer{border-color:#eee;font-size:12px;color:#aaa;line-height:1.9}
/* 登录页的红白视觉、插画卡片与灰色输入框。 */
.auth-layout{background:#fafafa;padding:44px;gap:0;min-height:100dvh;grid-template-columns:1fr 1fr;max-width:1600px;margin:auto}.auth-story{background:#fff0f3;color:#333;padding:46px 12%;border-radius:28px 0 0 28px;min-height:700px}.auth-story .brand-lockup,.auth-story .brand-lockup small{color:#ff2442}.auth-story .brand-lockup small{opacity:.6}.auth-story h1{font-size:43px;font-weight:700;line-height:1.4;letter-spacing:-1px}.auth-story h1 span{color:#ff2442}.auth-story p{color:#b28d95;font-size:14px;line-height:2}.auth-story .kicker{color:#db7487;margin-bottom:20px;font-size:11px}.auth-story .story-foot{font-size:11px;color:#c39ca4}.auth-form-wrap{background:#fff;border-radius:0 28px 28px 0;padding:50px 40px}.auth-form h2{font-size:29px;font-weight:700;letter-spacing:0}.auth-form .back{font-size:12px;margin-bottom:45px;color:#aaa}.auth-form p{color:#aaa;font-size:13px}.auth-form .btn{width:100%;font-size:15px;margin-top:6px;padding:14px}.auth-note{font-size:12px!important;color:#aaa!important;line-height:2!important}.auth-story-dots{display:flex;gap:9px;margin-top:25px}.auth-story-dots span{border-radius:50%;background:#ffcad4;width:9px;height:9px}.auth-story-dots span:first-child{background:#ff2442;width:28px;border-radius:999px}
/* 账号相关页面采用相同三栏，桌面不折叠任务栏。 */
.portal-layout{display:grid;grid-template-columns:212px minmax(0,1fr) 296px;gap:26px;padding:0 28px 0 20px;max-width:1720px;margin:auto;min-height:100vh;align-items:start}.portal-sidebar{background:white;color:#666;position:sticky;top:0;height:100dvh;padding:30px 8px 22px;min-width:0;border:0}.portal-sidebar .brand-lockup{color:#222;font-size:20px;margin:0 10px 42px}.portal-sidebar .brand-lockup small{color:#aaa}.portal-nav{gap:8px}.portal-nav a{font-size:17px;color:#555;padding:16px 20px;border-radius:999px;gap:14px}.portal-nav a:hover,.portal-nav a.active{color:#333;background:#f5f5f5;box-shadow:none}.portal-nav a.active{font-weight:650}.nav-symbol{width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:1;flex-shrink:0}.nav-symbol svg{width:24px;height:24px}.sidebar-caption{font-size:11px;color:#bbb;letter-spacing:0;padding:38px 20px 16px}.sidebar-account{border-color:#eee;padding:20px 8px 0;font-size:12px;color:#888;margin-top:auto}.sidebar-account small{color:#aaa!important}.sidebar-account button{color:#999;font-size:11px}.sidebar-account .avatar{width:35px;height:35px;font-size:14px}.portal-main{min-width:0;padding:0 0 40px}.portal-topbar{height:90px;font-size:13px;border:0;color:#aaa;line-height:1.8;gap:10px}.portal-topbar strong{font-weight:500;color:#444}.portal-topbar a{color:#888}.page-heading{margin:16px 0 26px;gap:15px}.page-heading h1{font-size:28px;letter-spacing:0;font-weight:700;color:#222}.page-heading p{font-size:13px;color:#999;line-height:1.8}.page-heading .btn{font-size:12px;padding:11px 17px;white-space:nowrap}.stats-grid{gap:13px;grid-template-columns:repeat(4,minmax(0,1fr));margin:24px 0}.stat-card{background:#fafafa;border:0;border-radius:18px;padding:21px 18px}.stat-card small{font-size:12px;color:#999}.stat-card strong{font-size:29px;margin:16px 0 6px;letter-spacing:-.5px;font-weight:650}.stat-card span{font-size:10px;color:#aaa;line-height:1.7}.content-card{border:1px solid #eee;border-radius:22px;padding:26px;margin-top:22px;background:white}.card-heading{gap:12px;margin-bottom:25px;flex-wrap:wrap}.card-heading h2{font-size:17px;font-weight:600}.profile-grid{display:grid;grid-template-columns:1fr;gap:0}.profile-banner{gap:18px;align-items:center;margin-bottom:29px}.profile-banner h2{font-size:21px;margin-bottom:9px}.profile-banner p{font-size:12px;color:#999;line-height:1.9}.form-grid{grid-template-columns:1fr 1fr}.toolbar{margin:20px 0;gap:10px}.toolbar input{border:0;border-radius:999px;background:#f5f5f5;padding:13px 18px;max-width:340px;font-size:13px}.table-wrap{border-radius:14px;overflow:auto;max-width:100%}table{font-size:12px}th{padding:13px 12px;font-size:11px;background:#fafafa;color:#aaa}td{padding:17px 12px;border-color:#f3f3f3}td .person{gap:9px}td .person strong{font-size:13px;font-weight:500}td .person small{font-size:11px}td a{color:#ff2442;font-size:12px}.activity-list li{font-size:12px;line-height:1.9;border-color:#f3f3f3}.activity-list time{font-size:11px;color:#aaa}.detail-meta{font-size:12px;grid-template-columns:95px 1fr;gap:17px}.detail-meta dt{color:#999}.detail-meta dd{color:#555}
/* 所有后台右栏共享容器与移动抽屉。 */
.context-rail{position:sticky;top:26px;margin-top:26px;display:flex;flex-direction:column;gap:18px;min-width:0;max-height:calc(100dvh - 52px);overflow:auto;scrollbar-width:thin;scrollbar-color:#ededed transparent;padding-bottom:6px;overscroll-behavior:contain}.context-card{border:1px solid #eee;background:#fff;border-radius:20px;padding:22px 20px}.context-profile{display:flex;align-items:center;gap:13px}.context-profile .avatar{width:47px;height:47px;font-size:19px}.context-profile h3{font-size:15px;font-weight:600;margin:0 0 7px;overflow-wrap:anywhere}.context-profile p{font-size:11px;color:#aaa;margin:0;line-height:1.7}.context-card h2{font-size:15px;font-weight:600;margin-bottom:17px;line-height:1.7}.context-divider{height:1px;background:#f3f3f3;margin:19px 0 16px}.context-row{display:flex;justify-content:space-between;align-items:start;gap:15px;font-size:12px;line-height:1.8;margin-top:12px}.context-row span{color:#999}.context-row strong{font-weight:500;color:#555;text-align:right;overflow-wrap:anywhere}.context-links{display:flex;flex-direction:column;gap:15px;margin-top:17px}.context-links a,.context-links button{display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:1.7;text-align:left;color:#888;border:0;background:none;padding:0;cursor:pointer}.context-links a:hover,.context-links button:hover{color:#ff2442}.context-tip{font-size:12px;line-height:1.95;color:#999}.context-label{font-size:11px;color:#bbb;line-height:1.9;letter-spacing:0;margin-top:16px}.rail-close,.rail-toggle,.rail-backdrop{display:none}.rail-mobile-projects{display:none}.context-rail:focus{outline:0}.rail-close{border:0;background:#f5f5f5;width:34px;height:34px;border-radius:50%;font-size:22px;color:#777;align-items:center;justify-content:center;margin-left:auto;cursor:pointer}
@media(min-width:1600px){.portal-layout{grid-template-columns:226px minmax(0,1fr) 320px;gap:34px;padding-right:32px}.portal-main{padding-left:0;padding-right:0}.portal-main>section,.portal-main>.page-heading,.portal-main>.stats-grid,.portal-main>.profile-grid{max-width:none}.profile-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px}}
@media(max-width:1200px){.portal-layout{grid-template-columns:180px minmax(0,1fr) 260px;gap:20px;padding:0 20px 0 12px}.portal-sidebar{padding-left:0;padding-right:0}.portal-sidebar .brand-lockup{font-size:17px}.portal-nav a{font-size:15px;padding:14px 16px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:18px}.context-card{padding:19px 16px}.content-card{padding:23px}.context-profile h3{font-size:14px}.site-nav{padding:0 32px}.hero{gap:40px}.home-cover{height:200px}}
@media(max-width:1050px) and (min-width:900px){.portal-layout{grid-template-columns:80px minmax(0,1fr) 240px;gap:18px;padding:0 18px 0 12px}.portal-sidebar .brand-lockup{margin-left:0;margin-right:0;justify-content:center}.portal-sidebar .brand-lockup>span:last-child,.portal-sidebar .nav-title,.sidebar-caption,.sidebar-account{display:none}.portal-nav a{justify-content:center;padding:16px}.context-profile .avatar{width:40px;height:40px;font-size:16px}}
@media(max-width:899px){.portal-layout{grid-template-columns:80px minmax(0,1fr);gap:18px;padding:0 22px 0 12px}.portal-sidebar{align-items:center}.portal-sidebar .brand-lockup{margin-left:0;margin-right:0;justify-content:center}.portal-sidebar .brand-lockup>span:last-child,.portal-sidebar .nav-title,.sidebar-caption,.sidebar-account{display:none}.portal-nav{width:100%}.portal-nav a{justify-content:center;padding:16px}.portal-topbar{height:76px}.portal-main{padding-left:0;padding-right:0}.rail-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;border:1px solid #eee;border-radius:999px;background:white;color:#666;font-size:12px;padding:10px 14px;min-height:40px;cursor:pointer;margin-left:auto}.rail-close{display:flex}.context-rail{display:none}.rail-open .context-rail{display:flex;position:fixed;top:0;bottom:0;right:0;margin:0;width:min(360px,calc(100vw - 32px));height:100dvh;max-height:100dvh;padding:18px 18px 30px;background:white;z-index:121;box-shadow:-10px 0 45px #0000000b;border-radius:22px 0 0 22px}.rail-open .rail-backdrop{display:block;position:fixed;inset:0;background:#0005;z-index:120;border:0;width:100%;height:100%}.rail-open{overflow:hidden}.rail-mobile-projects{display:block}.rail-mobile-projects a{display:block;border:1px solid #eee;border-radius:999px;padding:12px;text-align:center;font-size:13px;color:#555}.auth-layout{padding:24px}.auth-story{padding:40px 10%;min-height:650px}.auth-story h1{font-size:34px}.auth-form-wrap{padding:40px 30px}.site-nav{height:84px}.site-links{gap:19px;font-size:13px}.site-shell{padding:0 25px}.hero{gap:30px;padding-top:42px}.hero h1{font-size:42px}.home-cover{height:190px;font-size:25px}.home-feed-grid{gap:12px}}
@media(max-width:700px){.site-nav{padding:0 22px;height:76px}.site-nav .brand-lockup{font-size:18px}.site-links>a:not(.btn){display:none}.site-links .btn{font-size:12px;padding:10px 15px}.hero{grid-template-columns:1fr;gap:30px;padding:37px 0 45px}.hero h1{font-size:42px;margin-top:18px}.hero-copy{font-size:14px}.hero-actions .btn{font-size:12px;padding:12px 17px}.home-topics{gap:6px;margin-bottom:20px}.home-topics a{font-size:11px;padding:8px 12px}.home-feed-grid{max-width:450px;transform:none;gap:14px;margin:0 auto 12px;width:100%}.home-feed-card:nth-child(2){margin-top:27px}.home-cover{height:205px;font-size:27px}.home-feed-content{padding:14px 13px}.home-feed-content h3{font-size:12px}.home-feed-meta{font-size:10px}.feed-caption{font-size:11px;margin-top:4px}.section-head h2,.faq h2{font-size:26px}.section-head p,.workflow p{font-size:12px}.section-head{padding-top:40px}.workflow{gap:20px}.workflow h3{font-size:16px}.editorial-box,.editorial-box.dark{padding:26px}.editorial-box h3{font-size:22px}.closing{padding:28px;align-items:start}.closing h2{font-size:23px}.closing .btn{font-size:13px}.site-footer{font-size:11px}.auth-layout{display:block;padding:0;background:white}.auth-story{padding:24px;border-radius:0;min-height:auto}.auth-story .brand-lockup{font-size:18px}.auth-story>div:not(:first-child){display:none}.auth-form-wrap{padding:28px 26px 35px;border-radius:0}.auth-form .back{margin-bottom:30px}.auth-form h2{font-size:27px}.auth-form p{font-size:13px}.auth-note{font-size:11px!important}}
@media(max-width:600px){.portal-layout{display:block;padding:0 16px}.portal-sidebar{position:relative;top:auto;width:100%;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #f3f3f3}.portal-sidebar .brand-lockup{margin:0;justify-content:start;font-size:15px}.portal-sidebar .brand-mark{width:36px;height:36px;font-size:16px}.portal-sidebar .brand-lockup>span:last-child{display:block}.portal-sidebar .brand-lockup small{display:none}.portal-nav{flex-direction:row;gap:3px;width:auto}.portal-nav a{padding:10px;min-height:40px}.portal-nav .nav-symbol{display:flex;width:21px;height:21px}.nav-symbol svg{width:21px;height:21px}.portal-nav a:last-child{display:none}.portal-topbar{font-size:11px;height:62px}.portal-topbar>a{display:none}.page-heading{margin-top:15px;gap:12px}.page-heading h1{font-size:24px}.page-heading p{font-size:12px;margin-top:8px}.page-heading .btn{font-size:11px;padding:10px 14px;min-height:40px}.stats-grid{gap:11px}.stat-card strong{font-size:29px}.stat-card small{font-size:11px}.content-card{padding:22px 17px;border-radius:20px}.card-heading h2{font-size:16px}.card-heading .tag{font-size:10px}.form-grid{grid-template-columns:1fr;gap:0}.form-grid .full{grid-column:auto}.profile-grid{grid-template-columns:1fr;gap:0}.profile-banner{gap:14px;align-items:start}.profile-banner h2{font-size:20px}.profile-banner p{font-size:11px}.avatar.large{width:60px;height:60px;font-size:23px}.form-row input,.form-row textarea,.form-row select{font-size:12px;min-height:44px}.toolbar input{font-size:12px;min-width:0}.toolbar .btn{padding:10px 16px;font-size:12px}.modal-card{padding:26px 21px;max-height:90dvh}.context-rail .context-card{padding:22px}.context-profile h3{font-size:16px}.context-row{font-size:13px}.context-tip{font-size:12px}.home-cover{height:190px}.site-shell{padding:0 22px}.hero h1{font-size:39px}.home-feed-meta .mini-avatar{width:20px;height:20px}.home-feed-meta{gap:5px}.site-links{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
