#yj-creator-v3 { --y-blue:#0052d9; --y-ink:#20242d; --y-muted:#717782; --y-line:#e9ebef; --y-green:#247956; --y-radius:22px; color-scheme:light; background:#fff; color:var(--y-ink); font:14px/1.65 "Microsoft YaHei","PingFang SC",sans-serif; isolation:isolate; } #yj-creator-v3 *, #yj-creator-v3 *::before, #yj-creator-v3 *::after { box-sizing:border-box; } #yj-creator-v3 [hidden] { display:none!important; } #yj-creator-v3 h1,#yj-creator-v3 h2,#yj-creator-v3 h3,#yj-creator-v3 p { margin:0; } #yj-creator-v3 button,#yj-creator-v3 input { font:inherit; } #yj-creator-v3 button { border:0; color:inherit; background:none; } #yj-creator-v3 button:focus-visible,#yj-creator-v3 a:focus-visible { outline:3px solid #0052d9; outline-offset:4px; } #yj-creator-v3 svg { width:19px; height:19px; stroke-width:1.7; flex-shrink:0; } #yj-creator-v3 .yv-container { max-width:1120px; margin:auto; padding:0 48px; } #yj-creator-v3 .yv-nav { height:76px; display:flex; align-items:center; gap:34px; border-bottom:1px solid #f0f0f1; } #yj-creator-v3 .yv-logo { display:flex; align-items:center; flex-shrink:0; } #yj-creator-v3 .yv-logo img { height:36px; width:auto; display:block; } #yj-creator-v3 .yv-links { display:flex; align-items:center; gap:25px; flex:1; } #yj-creator-v3 .yv-link { padding:8px 0; font-size:12px; white-space:nowrap; } #yj-creator-v3 .yv-link.active { color:var(--y-blue); font-weight:700; } #yj-creator-v3 .yv-nav-actions { display:flex; align-items:center; gap:18px; } #yj-creator-v3 .yv-primary { display:inline-flex; align-items:center; justify-content:center; gap:20px; background:var(--y-blue); color:#fff; border-radius:8px; padding:13px 23px; font-size:14px; font-weight:650; } #yj-creator-v3 .yv-primary.small { font-size:12px; padding:9px 15px; gap:8px; } #yj-creator-v3 .yv-secondary { display:inline-flex; align-items:center; justify-content:center; gap:9px; border:1px solid #dcdfe5; background:#fff; padding:12px 20px; border-radius:8px; font-size:13px; } #yj-creator-v3 .yv-text-button { display:inline-flex; align-items:center; gap:10px; font-size:13px; color:var(--y-blue); padding:7px 0; } #yj-creator-v3 .yv-hero { position:relative; background:radial-gradient(ellipse at 88% 50%,#fff0d6 0, #fcfaf4 26%,#fff 66%); } #yj-creator-v3 .yv-hero-grid { display:grid; grid-template-columns:1.13fr 1fr; align-items:center; min-height:525px; gap:12px; } #yj-creator-v3 .yv-eyebrow { font-size:12px; letter-spacing:1px; color:#676d76; display:flex; align-items:center; gap:9px; } #yj-creator-v3 .yv-eyebrow::before { content:""; width:18px; height:2px; background:#e9a851; } #yj-creator-v3 .yv-hero h1 { font-size:clamp(36px,4.6vw,54px); letter-spacing:-2px; line-height:1.27; font-weight:780; margin:20px 0 18px; } #yj-creator-v3 .yv-hero h1 em { font-style:normal; color:var(--y-blue); } #yj-creator-v3 .yv-lead { font-size:14px; line-height:1.95; color:#727986; max-width:390px; } #yj-creator-v3 .yv-actions { display:flex; align-items:center; flex-wrap:wrap; gap:13px; margin-top:28px; } #yj-creator-v3 .yv-hero-note { display:flex; align-items:center; gap:6px; color:#696d74; font-size:11px; margin-top:17px; } #yj-creator-v3 .yv-hero-note svg { width:14px;height:14px; } #yj-creator-v3 .yv-hero-note + .yv-hero-note { margin-top:6px; } #yj-creator-v3 .yv-scene { height:460px; position:relative; } #yj-creator-v3 .yv-halo { position:absolute; width:310px; height:310px; border-radius:50%; background:linear-gradient(145deg,#ffffff96,#f3e6cf80); border:1px solid #f1e9dc; right:17px; top:80px; } #yj-creator-v3 .yv-ring { position:absolute; width:320px; height:70px; border:1px solid #e8e2d7; border-radius:50%; bottom:35px; right:5px; transform:rotate(-8deg); } #yj-creator-v3 .yv-hero-mascot { position:absolute; height:386px; width:330px; object-fit:contain; right:0; bottom:38px; z-index:2; filter:drop-shadow(0 16px 11px #b8aa8a22); } #yj-creator-v3 .yv-float { position:absolute; z-index:3; background:#fffffff2; border:1px solid #fff; box-shadow:0 12px 35px #38352e0c; border-radius:12px; padding:13px 16px; display:flex; align-items:center; gap:11px; font-size:12px; } #yj-creator-v3 .yv-float strong { display:block; font-size:12px;font-weight:650; } #yj-creator-v3 .yv-float small { color:#6c727d; font-size:11px; } #yj-creator-v3 .yv-float-icon { width:34px; height:36px; border-radius:9px; background:#f1f4ff; color:var(--y-blue); display:grid; place-items:center; } #yj-creator-v3 .yv-float-top { left:0; top:8px; transform:rotate(-3deg); } #yj-creator-v3 .yv-float-bottom { left:-3px; bottom:57px; transform:rotate(-4deg); } #yj-creator-v3 .yv-float-bottom .yv-float-icon { background:#eef8ef;color:var(--y-green); } #yj-creator-v3 .yv-mascot-label { position:absolute; right:29px; bottom:8px; font-size:11px; letter-spacing:.6px; color:#6f6c67; } #yj-creator-v3 .yv-value-strip { display:grid; grid-template-columns:repeat(4,1fr); padding:24px 0 30px; border-bottom:1px solid var(--y-line); } #yj-creator-v3 .yv-value { display:flex; align-items:center; gap:12px; padding:0 17px; border-right:1px solid var(--y-line); } #yj-creator-v3 .yv-value:first-child { padding-left:0; } #yj-creator-v3 .yv-value:last-child { border:0; } #yj-creator-v3 .yv-value-icon { width:37px; height:42px; display:grid; place-items:center; border-radius:12px; color:var(--y-blue); background:linear-gradient(145deg,#f3f6ff,#e7edff); flex-shrink:0; box-shadow:inset -2px -2px 0 #dce4f7; } #yj-creator-v3 .yv-value:nth-child(2) .yv-value-icon { color:#a47623; background:#fff6df;box-shadow:inset -2px -2px 0 #f4eacb; } #yj-creator-v3 .yv-value:nth-child(3) .yv-value-icon { color:#4c9272; background:#eaf7ef;box-shadow:inset -2px -2px 0 #daeee2; } #yj-creator-v3 .yv-value:nth-child(4) .yv-value-icon { color:#8974bc; background:#f1edfc;box-shadow:inset -2px -2px 0 #e5dff3; } #yj-creator-v3 .yv-value h3 { font-size:14px;font-weight:650; } #yj-creator-v3 .yv-value p { font-size:11px;color:#6b717c; margin-top:3px;white-space:nowrap; } #yj-creator-v3 .yv-section-heading { text-align:center; padding:60px 0 31px; } #yj-creator-v3 .yv-section-heading span { font-size:11px;letter-spacing:2px;color:#69717c; } #yj-creator-v3 .yv-section-heading h2 { font-size:31px;font-weight:700;letter-spacing:-.7px;line-height:1.4;margin:9px 0; } #yj-creator-v3 .yv-section-heading p { font-size:13px;color:var(--y-muted); } #yj-creator-v3 .yv-feature { position:relative; border-radius:var(--y-radius); padding:39px 39px; margin-bottom:18px; display:grid; grid-template-columns:1.05fr 1fr; gap:30px; align-items:center; min-height:350px; } #yj-creator-v3 .yv-feature-cream { background:#f8f5ed; } #yj-creator-v3 .yv-feature-mint { background:#edf6f1; } #yj-creator-v3 .yv-number { font-size:12px;color:#7c6c5c;font-weight:650;letter-spacing:2px;display:block;margin-bottom:11px; } #yj-creator-v3 .yv-feature-mint .yv-number { color:#547563; } #yj-creator-v3 .yv-feature h2 { font-size:31px;line-height:1.42;letter-spacing:-.7px;font-weight:700; } #yj-creator-v3 .yv-feature-intro { font-size:12px;line-height:1.9;color:#787d84;max-width:340px;margin:15px 0 14px; } #yj-creator-v3 .yv-tags { display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 17px; } #yj-creator-v3 .yv-tag { padding:4px 9px;font-size:11px;border:1px solid #ddd9cf;border-radius:5px;color:#736f63;background:#ffffff54; } #yj-creator-v3 .yv-profile { background:#fff; box-shadow:0 17px 34px #88764c0d; border:1px solid #eeece7; border-radius:13px; padding:17px 19px; transform:rotate(1.5deg); } #yj-creator-v3 .yv-mini-head { display:flex;align-items:center;justify-content:space-between;color:#6b737f;font-size:11px; } #yj-creator-v3 .yv-mini-head strong { color:#4c5666;font-weight:650; } #yj-creator-v3 .yv-profile-main { display:grid;grid-template-columns:95px 1fr;align-items:center;gap:17px;margin:14px 0; } #yj-creator-v3 .yv-profile-art { height:125px; background:#fbf8f0; border-radius:9px;display:grid;place-items:center; } #yj-creator-v3 .yv-profile-art img { height:117px;width:88px;object-fit:contain; } #yj-creator-v3 .yv-profile-main h3 { font-size:22px; } #yj-creator-v3 .yv-profile-main p { color:#6c737c;font-size:11px;margin:4px 0 10px; } #yj-creator-v3 .yv-pill { display:inline-block;background:#f0f4ff;color:#476cbb;font-size:11px;padding:3px 7px;border-radius:4px; } #yj-creator-v3 .yv-mini-row { display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #f0f1f4;padding:10px 0;font-size:11px; } #yj-creator-v3 .yv-mini-row span:first-child { color:#6c737e; } #yj-creator-v3 .yv-mini-row:last-child { padding-bottom:0; } #yj-creator-v3 .yv-scope { background:#ffffffed;border:1px solid #fff;border-radius:13px;box-shadow:0 16px 35px #34694a0b;padding:21px;transform:rotate(-1deg); } #yj-creator-v3 .yv-scope-title { display:flex;align-items:center;gap:9px;padding-bottom:16px;border-bottom:1px solid #edf1ef;font-size:14px;font-weight:650; } #yj-creator-v3 .yv-scope-title svg { color:#418361; } #yj-creator-v3 .yv-scope-title span { font-size:11px;font-weight:400;color:#6b756e;margin-left:auto; } #yj-creator-v3 .yv-scope-row { display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;font-size:12px; } #yj-creator-v3 .yv-scope-row span { color:#6c746e; } #yj-creator-v3 .yv-scope-row strong { font-weight:500; } #yj-creator-v3 .yv-off { display:flex;align-items:center;gap:6px;color:#67716a; } #yj-creator-v3 .yv-off::before { content:"";display:inline-block;width:25px;height:14px;border-radius:9px;background:radial-gradient(circle at 7px 7px,#fff 0,#fff 5px,transparent 5.5px),#dce3de; } #yj-creator-v3 .yv-scope-note { margin-top:9px;padding:10px 12px;border-radius:6px;background:#f1f7f3;font-size:11px;color:#637369;display:flex;align-items:center;gap:6px; } #yj-creator-v3 .yv-checkpoints { display:grid;gap:9px;margin:17px 0;font-size:12px;color:#536c5e; } #yj-creator-v3 .yv-checkpoints span { display:flex;align-items:center;gap:8px; } #yj-creator-v3 .yv-checkpoints svg { width:15px;height:15px; } #yj-creator-v3 .yv-section-types { padding-top:20px; } #yj-creator-v3 .yv-type-tabs { display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:23px; } #yj-creator-v3 .yv-type-tab { font-size:13px;padding:10px 23px;border-radius:7px;border:1px solid #e5e8ee;background:#fff; } #yj-creator-v3 .yv-type-tab[aria-selected="true"] { background:#242b38;color:#fff;border-color:#242b38; } #yj-creator-v3 .yv-types-content { display:grid;grid-template-columns:1fr 1.15fr;gap:32px;background:#fafafb;border:1px solid #eff0f3;border-radius:14px;padding:28px 32px; } #yj-creator-v3 .yv-types-content h3 { font-size:21px;margin-bottom:8px; } #yj-creator-v3 .yv-types-content p { color:#79808c;font-size:12px;line-height:1.9; } #yj-creator-v3 .yv-docs { display:grid;gap:10px; } #yj-creator-v3 .yv-docs div { display:flex;align-items:center;gap:9px;font-size:12px; } #yj-creator-v3 .yv-docs svg { color:#8b9ab4;width:16px;height:16px; } #yj-creator-v3 .yv-flow { padding:36px 0 43px; } #yj-creator-v3 .yv-flow-label { font-size:12px;color:#6c737f;letter-spacing:.5px;margin-bottom:19px; } #yj-creator-v3 .yv-flow-steps { display:grid;grid-template-columns:repeat(5,1fr);gap:14px; } #yj-creator-v3 .yv-step { position:relative; } #yj-creator-v3 .yv-step::after { content:"";position:absolute;top:14px;left:41px;right:0;height:1px;background:#e2e6ed; } #yj-creator-v3 .yv-step:last-child::after { display:none; } #yj-creator-v3 .yv-step b { display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f0f3fc;color:#4f6dab;font-size:11px;font-weight:650;margin-bottom:12px; } #yj-creator-v3 .yv-step strong { font-size:13px;font-weight:550; } #yj-creator-v3 .yv-step small { display:block;font-size:11px;color:#6c737e;margin-top:4px; } #yj-creator-v3 .yv-flow-note { color:#6c737e;font-size:11px;margin-top:20px; } #yj-creator-v3 .yv-brand { background:#f7f7f9;border:1px solid #efeff3;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 32px; } #yj-creator-v3 .yv-brand small { display:block;font-size:11px;color:#6c707b;letter-spacing:1.5px;margin-bottom:6px; } #yj-creator-v3 .yv-brand h2 { font-size:22px;line-height:1.5; } #yj-creator-v3 .yv-brand p { font-size:12px;color:#888e98;margin-top:5px; } #yj-creator-v3 .yv-brand-actions { display:flex;align-items:center;gap:18px;flex-shrink:0; } #yj-creator-v3 .yv-closing { text-align:center;padding:54px 20px 45px; } #yj-creator-v3 .yv-closing h2 { font-size:29px;letter-spacing:-.7px; } #yj-creator-v3 .yv-closing p { color:#6c727e;font-size:13px;margin:10px 0 23px; } #yj-creator-v3 .yv-footer { padding:24px 0 27px;border-top:1px solid var(--y-line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:#6c737f; } #yj-creator-v3 .yv-footer strong { font-size:17px;color:#5a6474;letter-spacing:-.7px;margin-right:12px; } #yj-creator-v3 .yv-dialog { color-scheme:light;color:#242a35;background:#fff;border:1px solid #e5e8ed;border-radius:18px;padding:27px;max-width:510px;width:calc(100% - 28px);box-shadow:0 25px 100px #17203330; } #yj-creator-v3 .yv-dialog::backdrop { background:#18233144; } #yj-creator-v3 .yv-dialog-head { display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px; } #yj-creator-v3 .yv-dialog-head h2 { font-size:21px; } #yj-creator-v3 .yv-close { display:grid;place-items:center;padding:8px;border-radius:8px;background:#f5f6f8; } #yj-creator-v3 .yv-dialog-lead { color:#7c8490;font-size:12px;margin-bottom:18px; } #yj-creator-v3 .yv-dialog-list { display:grid;gap:8px; } #yj-creator-v3 .yv-dialog-option { display:flex;align-items:center;justify-content:space-between;text-align:left;padding:14px 15px;border:1px solid #e5e8ed;border-radius:9px;font-size:13px; } #yj-creator-v3 .yv-dialog-result { font-size:13px;line-height:1.95;color:#626c7c;background:#f5f7fa;border-radius:10px;padding:18px;margin-top:15px; } #yj-creator-v3 .yv-dialog-foot { margin-top:20px;font-size:11px;color:#6c737e; } @media(max-width:820px) { #yj-creator-v3 .yv-container { padding-left:30px;padding-right:30px; } #yj-creator-v3 .yv-nav { gap:22px; } #yj-creator-v3 .yv-links { gap:16px; } #yj-creator-v3 .yv-nav-actions .yv-link { display:none; } #yj-creator-v3 .yv-hero-grid { min-height:490px; } #yj-creator-v3 .yv-hero h1 { font-size:40px; } #yj-creator-v3 .yv-scene { height:410px; } #yj-creator-v3 .yv-hero-mascot { height:330px;width:275px; } #yj-creator-v3 .yv-halo { width:240px;height:240px;right:0; } #yj-creator-v3 .yv-ring { width:260px; } #yj-creator-v3 .yv-float { padding:10px;gap:7px; } #yj-creator-v3 .yv-float-top { top:4px;left:0; } #yj-creator-v3 .yv-float-bottom { left:0;bottom:35px; } #yj-creator-v3 .yv-float small { display:none; } #yj-creator-v3 .yv-mascot-label { bottom:0;right:0; } #yj-creator-v3 .yv-value { padding:0 10px;gap:8px; } #yj-creator-v3 .yv-value-icon { width:31px; } #yj-creator-v3 .yv-value h3 { font-size:13px; } #yj-creator-v3 .yv-value p { white-space:normal; } #yj-creator-v3 .yv-feature { padding:29px;gap:25px; } #yj-creator-v3 .yv-feature h2 { font-size:26px; } #yj-creator-v3 .yv-profile { padding:15px; } #yj-creator-v3 .yv-profile-main { grid-template-columns:70px 1fr;gap:13px; } #yj-creator-v3 .yv-profile-art { height:110px; } #yj-creator-v3 .yv-profile-art img { width:65px;height:100px; } #yj-creator-v3 .yv-brand { padding:25px; } #yj-creator-v3 .yv-brand-actions { flex-direction:column;gap:4px; } } @media(max-width:600px) { #yj-creator-v3 .yv-container { padding-left:21px;padding-right:21px; } #yj-creator-v3 .yv-nav { height:auto;min-height:104px;flex-wrap:wrap;gap:0;padding-top:16px;padding-bottom:12px; } #yj-creator-v3 .yv-logo img { height:30px; } #yj-creator-v3 .yv-nav-actions { margin-left:auto; } #yj-creator-v3 .yv-links { order:3;flex-basis:100%;justify-content:space-between;margin-top:13px;gap:15px; } #yj-creator-v3 .yv-link { font-size:12px; } #yj-creator-v3 .yv-primary.small { font-size:12px;padding:9px 12px; } #yj-creator-v3 .yv-hero { background:radial-gradient(ellipse at 70% 74%,#fff0d9 0,#fffaf0 24%,#fff 60%); } #yj-creator-v3 .yv-hero-grid { grid-template-columns:1fr;gap:0;padding-top:35px; } #yj-creator-v3 .yv-hero h1 { font-size:37px;letter-spacing:-1.3px;margin:18px 0; } #yj-creator-v3 .yv-lead { font-size:13px; } #yj-creator-v3 .yv-actions { gap:10px;margin-top:22px; } #yj-creator-v3 .yv-primary { padding:12px 17px;font-size:13px;gap:12px; } #yj-creator-v3 .yv-secondary { padding:11px 13px;font-size:12px; } #yj-creator-v3 .yv-eyebrow { font-size:11px;letter-spacing:.2px; } #yj-creator-v3 .yv-hero-note { font-size:11px; } #yj-creator-v3 .yv-scene { height:360px;width:100%;max-width:360px;margin:5px auto 5px; } #yj-creator-v3 .yv-hero-mascot { height:295px;width:255px;right:0;bottom:31px; } #yj-creator-v3 .yv-halo { top:57px;right:0;width:245px;height:245px; } #yj-creator-v3 .yv-ring { width:250px;height:55px;bottom:23px; } #yj-creator-v3 .yv-float-top { top:5px;left:0; } #yj-creator-v3 .yv-float-bottom { bottom:35px;left:-2px; } #yj-creator-v3 .yv-float-icon { width:28px;height:28px; } #yj-creator-v3 .yv-float strong { font-size:11px; } #yj-creator-v3 .yv-mascot-label { right:13px;font-size:11px;bottom:1px; } #yj-creator-v3 .yv-value-strip { grid-template-columns:1fr 1fr;row-gap:21px;padding:22px 0 27px; } #yj-creator-v3 .yv-value { border:0;padding:0!important;gap:9px; } #yj-creator-v3 .yv-value-icon { width:32px;height:36px;border-radius:9px; } #yj-creator-v3 .yv-value h3 { font-size:12px; } #yj-creator-v3 .yv-value p { font-size:11px; } #yj-creator-v3 .yv-section-heading { padding:39px 0 24px; } #yj-creator-v3 .yv-section-heading h2 { font-size:25px;line-height:1.5; } #yj-creator-v3 .yv-section-heading p { font-size:12px; } #yj-creator-v3 .yv-feature { padding:26px 21px;grid-template-columns:1fr;gap:25px;min-height:0;border-radius:17px;margin-bottom:15px; } #yj-creator-v3 .yv-feature h2 { font-size:27px; } #yj-creator-v3 .yv-feature-intro { font-size:12px; } #yj-creator-v3 .yv-feature-mint .yv-scope { order:2; } #yj-creator-v3 .yv-profile { transform:none;padding:15px; } #yj-creator-v3 .yv-profile-main { grid-template-columns:75px 1fr; } #yj-creator-v3 .yv-scope { transform:none;padding:17px; } #yj-creator-v3 .yv-mini-row { font-size:11px;gap:6px; } #yj-creator-v3 .yv-type-tabs { gap:6px;margin-bottom:17px; } #yj-creator-v3 .yv-type-tab { padding:9px 11px;font-size:12px; } #yj-creator-v3 .yv-types-content { grid-template-columns:1fr;padding:22px;gap:19px; } #yj-creator-v3 .yv-types-content h3 { font-size:20px; } #yj-creator-v3 .yv-flow { padding:27px 4px; } #yj-creator-v3 .yv-flow-steps { grid-template-columns:1fr;gap:18px; } #yj-creator-v3 .yv-step { display:grid;grid-template-columns:28px 1fr;column-gap:13px; } #yj-creator-v3 .yv-step b { grid-row:1/3;margin:0; } #yj-creator-v3 .yv-step strong { font-size:13px; } #yj-creator-v3 .yv-step::after { width:1px;height:16px;top:36px;left:14px; } #yj-creator-v3 .yv-step small { font-size:11px;margin-top:1px; } #yj-creator-v3 .yv-brand { display:block;padding:23px;border-radius:14px;margin-top:10px; } #yj-creator-v3 .yv-brand h2 { font-size:22px; } #yj-creator-v3 .yv-brand-actions { flex-direction:row;justify-content:flex-start;gap:16px;flex-wrap:wrap;margin-top:20px; } #yj-creator-v3 .yv-closing { padding:39px 0 33px; } #yj-creator-v3 .yv-closing h2 { font-size:24px; } #yj-creator-v3 .yv-closing p { font-size:12px; } #yj-creator-v3 .yv-footer { align-items:flex-start;flex-direction:column;gap:8px;padding:20px 0;font-size:11px; } } @media(pointer:coarse) { #yj-creator-v3 button { min-height:44px; } } #yj-creator-v3 .yv-primary,#yj-creator-v3 .yv-secondary,#yj-creator-v3 .yv-text-button{text-decoration:none;cursor:pointer;min-height:44px} #yj-creator-v3 .yv-primary:hover{background:#0043b8;color:#fff} #yj-creator-v3 .yv-footer{flex-wrap:wrap} #yj-creator-v3 .yv-footer-links{display:flex;gap:18px;flex-wrap:wrap;width:100%;padding-top:8px} #yj-creator-v3 .yv-footer-links a{color:#626b78;min-height:36px;display:inline-flex;align-items:center} #yj-creator-v3 .yv-link{cursor:pointer;min-height:44px} #yj-creator-v3 a.yv-link{display:inline-flex;align-items:center;color:inherit;text-decoration:none} #yj-creator-v3 .yv-lead,#yj-creator-v3 .yv-feature-intro,#yj-creator-v3 .yv-brand p,#yj-creator-v3 .yv-types-content p{color:#626b78} #yj-creator-v3 .yv-dialog{max-height:85dvh;overflow:auto} #yj-creator-v3 .yv-dialog-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px} #yj-creator-v3 .yv-dialog-actions a{font-size:13px} #yj-creator-v3 .yv-account-link{display:inline-flex;align-items:center;min-height:44px;padding:0;font-size:12px;color:var(--y-ink);text-decoration:none;white-space:nowrap;cursor:pointer} #yj-creator-v3 .yv-account-link:hover{color:var(--y-blue);text-decoration:none} @media(max-width:600px){#yj-creator-v3 .yv-nav{padding-bottom:6px}#yj-creator-v3 .yv-links{gap:7px}#yj-creator-v3 .yv-footer-links{gap:12px}} /* 身份切换在首页：#yj-creator-v3 button 的重置优先级更高，这里补回边框与背景；窄屏只显示徽标 */ #yj-creator-v3 .yj-role .yj-role-btn{border:1px solid #e1e4ea;background:#fff;font-size:12px} #yj-creator-v3 .yj-role .yj-role-btn:hover{border-color:#c9cfd9;background:#f7f8fa} #yj-creator-v3 .yj-role .yj-role-btn[aria-expanded="true"]{border-color:var(--y-blue)} #yj-creator-v3 .yj-role .yj-role-item{font-size:13px} #yj-creator-v3 .yj-role .yj-role-item:hover,#yj-creator-v3 .yj-role .yj-role-item:focus-visible{background:#f3f5f8} #yj-creator-v3 .yj-role .yj-role-menu{right:0;left:auto} /* 头像菜单与铃铛在首页：同样补回被 #yj-creator-v3 button / svg 重置掉的样式 */ #yj-creator-v3 .yv-nav-actions{gap:10px} #yj-creator-v3 .yj-bell svg{width:20px;height:20px} #yj-creator-v3 .yj-user .yj-user-btn{border:1px solid transparent;padding:3px 6px 3px 3px} #yj-creator-v3 .yj-user .yj-user-btn:hover{border-color:#e1e4ea;background:#f7f8fa} #yj-creator-v3 .yj-user .yj-user-btn[aria-expanded="true"]{border-color:var(--y-blue);background:#fff} #yj-creator-v3 .yj-user .yj-user-item{color:#4f5866} #yj-creator-v3 .yj-user .yj-user-item:hover,#yj-creator-v3 .yj-user .yj-user-item:focus-visible{background:#f3f5f8;color:#20242d} #yj-creator-v3 .yj-user .yj-user-logout{color:#a33732} #yj-creator-v3 .yj-user .yj-user-logout:hover,#yj-creator-v3 .yj-user .yj-user-logout:focus-visible{background:#fff4f2;color:#a33732} #yj-creator-v3 .yj-user-menu a:focus-visible,#yj-creator-v3 .yj-user-menu button:focus-visible{outline-offset:-2px} @media(max-width:600px){#yj-creator-v3 .yv-nav-actions{gap:12px}#yj-creator-v3 .yj-role .yj-role-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#yj-creator-v3 .yj-role .yj-role-btn{padding:4px 8px 4px 6px}}