:root{color-scheme:light;--blue:#0052d9;--ink:#20242d;--muted:#626b78;--line:#e9ebef;--cream:#f8f5ed;--mint:#edf6f1;--green:#247956;--error:#b33732;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px;font-size:15px;line-height:1.7}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,input,select,textarea{min-height:44px}button{border:1px solid #d8dde6;border-radius:8px;padding:10px 18px;background:#fff;color:var(--ink)}button:hover{border-color:#9aaed8}button:disabled{opacity:.58;cursor:wait}input,select,textarea{font-size:16px;border:1px solid #d6dae2;background:#fff;border-radius:8px;padding:11px 12px;max-width:100%;color:var(--ink)}input[type=checkbox],input[type=radio]{min-height:0;width:18px;height:18px;accent-color:var(--blue);flex-shrink:0}textarea{resize:vertical;min-height:110px}input::placeholder,textarea::placeholder{color:#818b9b}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:var(--error)}:focus-visible{outline:3px solid #0052d9;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:34px;line-height:1.35;letter-spacing:-.6px}h2{font-size:23px;line-height:1.5}h3{font-size:17px}p{margin-bottom:14px}small{font-size:12px}fieldset{border:0;padding:0;margin:0;min-width:0}legend{padding:0;font-weight:650}code{font-family:Consolas,monospace;overflow-wrap:anywhere}
.site-header{max-width:1180px;margin:auto;min-height:82px;padding:15px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.site-brand{font-size:28px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:10px;white-space:nowrap;letter-spacing:-1px}.site-brand:hover{text-decoration:none}.site-brand img{width:44px;height:44px;object-fit:contain}.brand-mark{width:26px;height:26px;display:inline-block;background:var(--blue);border-radius:50% 50% 45% 50%;position:relative;margin-right:5px}.brand-mark:after{content:"";position:absolute;background:#f7a247;width:14px;height:17px;right:-6px;bottom:-3px;border-radius:5px;border-left:3px solid #fff}.site-nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:14px}.site-nav a{color:var(--muted)}.site-nav [aria-current=page]{color:var(--blue);font-weight:650}.page{max-width:1120px;margin:0 auto;padding:44px 32px 70px}.page-header{margin-bottom:30px}.page-header p{color:var(--muted);max-width:700px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:1.5px;color:var(--blue);font-weight:650;margin-bottom:10px}.panel{border:1px solid var(--line);border-radius:16px;background:#fff;padding:28px}.grid-2,.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:grid;gap:8px;margin-bottom:20px;min-width:0}.field label{font-size:14px;font-weight:600}.field input,.field textarea,.field select{width:100%}.field small{color:var(--muted)}.field-error{color:var(--error);font-size:13px}.button,.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;border:1px solid #d8dde6;white-space:normal;text-align:center;line-height:1.55}.button:hover{text-decoration:none}.button-primary{background:var(--blue);border-color:var(--blue);color:#fff}.button-primary:hover{background:#0043b8;border-color:#0043b8;color:#fff;text-decoration:none}.button-secondary{background:#fff;color:var(--ink)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.notice{padding:13px 16px;border-radius:9px;background:#f0f4ff;color:#31568c;font-size:14px;overflow-wrap:anywhere}.notice.error{background:#fff0ed;color:#a33732}.notice.success{background:var(--mint);color:var(--green)}.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;border-radius:5px;padding:4px 9px;font-size:12px;white-space:nowrap;background:#eef3fd;color:#31599b}.empty-state{padding:48px 25px;text-align:center;color:var(--muted)}.empty-state img{width:120px;max-height:150px;object-fit:contain}.empty-state h2{color:var(--ink)}.site-footer{max-width:1120px;margin:auto;border-top:1px solid var(--line);padding:25px 32px 36px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--muted)}.site-footer nav{display:flex;gap:20px;flex-wrap:wrap}.site-footer a{color:var(--muted)}.skip-link{position:absolute;top:-100px;left:20px;z-index:100;background:#fff;color:var(--blue);padding:12px;border:2px solid var(--blue);border-radius:8px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.global-notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:1000;max-width:calc(100vw - 32px);width:max-content;box-shadow:0 5px 30px #20242d1a}.privacy-page{max-width:850px}.privacy-page section{margin:34px 0}.privacy-page ul{padding-left:24px}.privacy-page h2{font-size:21px}.loading{color:var(--muted);padding:25px}.icon{width:19px;height:19px;vertical-align:middle;flex-shrink:0}
@media(max-width:680px){.site-header{padding:15px 20px;gap:14px;flex-wrap:wrap}.site-brand{font-size:26px}.site-nav{gap:16px;font-size:13px}.page{padding:30px 20px 48px}h1{font-size:28px}.panel{padding:21px}.grid-2,.field-row{grid-template-columns:1fr}.site-footer{padding:22px 20px}.actions>*{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* 身份切换（IP 方 / 品牌方）：页头账号区的下拉，前台各页与首页共用 */
.yj-role{position:relative;display:inline-flex;flex-shrink:0}.yj-role[hidden]{display:none!important}
.yj-role .yj-role-btn{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:4px 10px 4px 6px;border:1px solid #e1e4ea;border-radius:9px;background:#fff;color:#20242d;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer}
.yj-role .yj-role-btn:hover{border-color:#c9cfd9;background:#f7f8fa}
.yj-role .yj-role-btn[aria-expanded="true"]{border-color:#0052d9}
.yj-role-badge{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;font-size:11px;font-weight:700;flex-shrink:0}
.yj-role-badge[data-role="ip"]{background:#fff1dc;color:#a35a00}
.yj-role-badge[data-role="brand"]{background:#e6efff;color:#0052d9}
.yj-role-caret{width:7px;height:7px;margin:0 2px 3px 2px;border-right:1.5px solid #6a717e;border-bottom:1.5px solid #6a717e;transform:rotate(45deg);transition:transform .15s}
.yj-role-btn[aria-expanded="true"] .yj-role-caret{transform:rotate(-135deg);margin-bottom:-3px}
.yj-role .yj-role-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:50;min-width:188px;padding:6px;border:1px solid #e4e7ec;border-radius:12px;background:#fff;box-shadow:0 10px 30px #20242d1f}
.yj-role .yj-role-item{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 10px;border:0;border-radius:8px;background:none;color:#4f5866;font-size:14px;text-align:left;white-space:nowrap;cursor:pointer}
.yj-role .yj-role-item:hover,.yj-role .yj-role-item:focus-visible{background:#f3f5f8}
.yj-role .yj-role-item[aria-current]{color:#20242d;font-weight:650}
.yj-role-text{flex:1}
.yj-role-check{color:#0052d9;font-weight:700;visibility:hidden}
.yj-role-item[aria-current] .yj-role-check{visibility:visible}
@media(max-width:850px){.yj-role .yj-role-menu{right:auto;left:0}}
/* 消息铃铛：右上角红点显示未读数，点击进入消息通知页 */
.yj-bell{position:relative;display:inline-grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:9px;color:#4f5866;text-decoration:none}
.yj-bell[hidden]{display:none!important}
.yj-bell:hover{background:#f3f5f8;color:#20242d;text-decoration:none}
.yj-bell[aria-current]{color:#0052d9}
.yj-bell svg{width:20px;height:20px;display:block}
.yj-bell-count{position:absolute;top:3px;right:2px;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:9px;background:#e34d3f;color:#fff;font-size:10px;font-weight:700;line-height:13px;text-align:center;box-sizing:content-box}
/* 头像菜单：头像 + 下拉（账号名称、我的账号、消息通知、退出登录） */
.yj-user{position:relative;display:inline-flex;flex-shrink:0}.yj-user[hidden]{display:none!important}
.yj-user .yj-user-btn{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:3px 6px 3px 3px;border:1px solid transparent;border-radius:22px;background:none;color:#20242d;cursor:pointer}
.yj-user .yj-user-btn:hover{border-color:#e1e4ea;background:#f7f8fa}
.yj-user .yj-user-btn[aria-expanded="true"]{border-color:#0052d9;background:#fff}
.yj-user-btn[aria-expanded="true"] .yj-role-caret{transform:rotate(-135deg);margin-bottom:-3px}
.yj-avatar{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#e6efff,#fff1dc);color:#0052d9;font-size:14px;font-weight:700;line-height:1;flex-shrink:0}
.yj-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.yj-user .yj-user-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:50;width:232px;padding:6px;border:1px solid #e4e7ec;border-radius:12px;background:#fff;color:#20242d;box-shadow:0 10px 30px #20242d1f;white-space:normal}
.yj-user-head{display:grid;gap:2px;padding:9px 10px 11px;margin-bottom:4px;border-bottom:1px solid #eef0f3}
.yj-user-head strong{font-size:14px;font-weight:650;color:#20242d;overflow-wrap:anywhere}
.yj-user-head small{font-size:12px;color:#6a717e;overflow-wrap:anywhere}
.yj-trial{justify-self:start;margin-top:4px;padding:1px 7px;border-radius:5px;background:#fff6e5;color:#8a5a00;font-size:11px}
.yj-trial[hidden]{display:none!important}
.yj-user .yj-user-item{display:flex;align-items:center;width:100%;min-height:42px;padding:6px 10px;border:0;border-radius:8px;background:none;color:#4f5866;font-size:14px;font-weight:400;text-align:left;text-decoration:none;cursor:pointer}
.yj-user .yj-user-item:hover,.yj-user .yj-user-item:focus-visible{background:#f3f5f8;color:#20242d;text-decoration:none}
.yj-user .yj-user-item[aria-current]{color:#0052d9;font-weight:600}
.yj-user .yj-user-logout{margin-top:4px;border-top:1px solid #eef0f3;border-radius:0 0 8px 8px;color:#a33732}
.yj-user .yj-user-logout:hover,.yj-user .yj-user-logout:focus-visible{background:#fff4f2;color:#a33732}
.yj-user .yj-user-item[hidden]{display:none!important}
/* 页头预判（见 boot.js）：会话返回前按上次的登录状态和身份画好导航与账号区；app.js 拿到会话后改写为实际状态。 */
html[data-yj-auth="in"][data-yj-role="ip"] .f-nav [data-nav-role="brand"],html[data-yj-auth="in"][data-yj-role="brand"] .f-nav [data-nav-role="ip"]{display:none!important}
html[data-yj-auth="in"][data-yj-role="ip"] .f-nav [data-nav-role="ip"][data-nav-signed][hidden],html[data-yj-auth="in"][data-yj-role="brand"] .f-nav [data-nav-role="brand"][data-nav-signed][hidden]{display:flex!important}
html[data-yj-auth="in"] :is(.f-account,#yj-creator-v3 .yv-nav-actions)>:is([data-role-switch],[data-user])[hidden]{display:inline-flex!important}
html[data-yj-auth="in"] :is(.f-account,#yj-creator-v3 .yv-nav-actions)>[data-bell][hidden]{display:inline-grid!important}
html[data-yj-auth="in"] :is(.f-account,#yj-creator-v3 .yv-nav-actions)>[data-role-switch]:empty{min-width:98px;min-height:40px}
html[data-yj-auth="out"] :is(.f-account,#yj-creator-v3 .yv-nav-actions)>[data-login-link][hidden]{display:inline-flex!important}
html[data-yj-auth="in"] [data-guest-only]{display:none!important}
/* 换页时整页淡入淡出（支持跨文档视图过渡的浏览器），减少整页重绘的跳动感。 */
@view-transition{navigation:auto}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}