.form-page{margin:0;background:#fcfcfb;color:#20242d;font:16px/1.65 "Microsoft YaHei","PingFang SC",sans-serif}.form-page *{box-sizing:border-box}.form-page [hidden]{display:none!important}.form-page a{color:#0052d9;text-underline-offset:3px}.form-page button,.form-page input,.form-page select,.form-page textarea{font:inherit}.form-page button,.form-page input,.form-page select{min-height:44px}.form-page button{cursor:pointer}.form-page button:disabled{cursor:wait;opacity:.6}.form-page :focus-visible{outline:3px solid #0052d9;outline-offset:3px}.f-nav a:focus-visible{outline-offset:-4px}.form-page h1,.form-page h2,.form-page h3,.form-page p{margin-top:0}.form-page h1{font-size:clamp(28px,4vw,38px);line-height:1.35;letter-spacing:-1px}.form-page h2{font-size:23px;line-height:1.45}.form-page h3{font-size:18px}.f-header{background:#fff;border-bottom:1px solid #e9ebef}.f-header-inner{max-width:1120px;margin:auto;padding:16px 28px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.f-brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:27px;font-weight:750;color:#20242d!important;white-space:nowrap}.f-brand img{height:34px;width:auto;display:block}.f-nav{display:flex;gap:20px;flex:1;flex-wrap:wrap}.f-nav a{font-size:14px;color:#596170;text-decoration:none}.f-nav a[aria-current]{color:#0052d9;font-weight:650}.f-account{font-size:13px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:100%;overflow-wrap:anywhere}.f-link-button{background:none;border:0;color:#0052d9;padding:4px 0;font-size:14px}.f-main{max-width:1120px;margin:auto;padding:38px 28px 56px}.f-intro{display:flex;align-items:center;gap:24px;justify-content:space-between;margin-bottom:25px}.f-intro p{color:#686e78;max-width:680px;margin-bottom:0;font-size:15px}.f-eyebrow{color:#8d7755;font-size:13px;letter-spacing:1px;margin-bottom:9px!important}.f-intro img{width:100px;height:110px;object-fit:contain}.f-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px;align-items:start}.f-guide{background:#f8f5ed;border-radius:18px;padding:24px 21px}.f-guide h2{font-size:17px;margin-bottom:15px}.f-guide p{font-size:14px;color:#777166}.f-steps{list-style:none;padding:0;margin:0;display:grid;gap:19px}.f-step{display:flex;gap:11px;align-items:flex-start;color:#7e817f;font-size:14px}.f-step span{flex:0 0 27px;height:27px;border-radius:50%;background:#ece9e1;text-align:center;line-height:27px;font-size:12px}.f-step strong{font-size:14px;font-weight:550;padding-top:2px}.f-step[aria-current="step"]{color:#0052d9}.f-step[aria-current="step"] span{background:#0052d9;color:#fff}.f-guide-image{width:100%;max-height:175px;object-fit:contain;margin-top:25px}.f-panel{background:#fff;border:1px solid #e9ebef;border-radius:18px;padding:30px;min-width:0}.f-panel+.f-panel{margin-top:22px}.f-panel legend{font-size:23px;font-weight:650;margin-bottom:16px;padding:0;line-height:1.4}.f-panel fieldset{border:0;padding:0;margin:0;min-width:0}.f-help{font-size:14px;color:#686e78;line-height:1.75}.f-help:last-child{margin-bottom:0}.f-field{margin-bottom:22px;min-width:0}.f-field>label,.f-field-label{display:block;font-weight:550;margin-bottom:8px}.f-field small,.f-field-help{display:block;font-size:13px;color:#686e78;margin-top:7px;line-height:1.7}.f-field input:not([type="checkbox"]):not([type="radio"]),.f-field select,.f-field textarea{display:block;width:100%;max-width:100%;border:1px solid #d8dde6;border-radius:8px;padding:11px 12px;background:#fff;color:#20242d;min-width:0;font-size:16px}.f-field input[readonly]{background:#f5f6f8;color:#596170}.f-field textarea{resize:vertical;min-height:112px}.f-field input[aria-invalid="true"],.f-field textarea[aria-invalid="true"],.f-field select[aria-invalid="true"]{border-color:#b53838}.f-field-error{color:#aa3434!important;font-size:14px!important;margin-top:6px}.f-required{color:#a34d2a;font-size:13px;font-weight:400}.f-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.f-grid-2 .f-field{margin-bottom:16px}.f-choice-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.f-choice{display:flex;align-items:flex-start;gap:8px;padding:15px 11px;border:1px solid #e0e4eb;border-radius:9px;cursor:pointer;font-size:14px;min-width:0}.f-choice input{margin:4px 0 0;min-height:0;flex-shrink:0;width:17px;height:17px;accent-color:#0052d9}.f-choice strong{display:block;font-size:14px}.f-choice small{display:block;color:#686e78;font-size:12px;margin-top:4px;line-height:1.6}.f-choice:has(input:checked){border-color:#0052d9;background:#f3f6ff}.f-options{display:flex;gap:10px 18px;flex-wrap:wrap}.f-check{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.8;cursor:pointer}.f-check input{margin:5px 0 0;min-height:0;flex:0 0 17px;width:17px;height:17px;accent-color:#0052d9}.f-options .f-check{min-height:34px}.f-check-block{padding:16px;border:1px solid #e4e8ef;border-radius:9px;margin:12px 0}.f-check-block small{display:block;color:#686e78;font-size:13px;margin-top:5px}.f-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:23px;margin-top:25px;border-top:1px solid #e9ebef}.f-actions-spacer{flex:1}.f-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none!important;border:1px solid #dce0e8;border-radius:8px;background:#fff;color:#273248!important;padding:11px 19px;font-weight:550;font-size:14px;min-height:44px;max-width:100%;text-align:center}.f-button-primary{background:#0052d9;border-color:#0052d9;color:#fff!important}.f-button-danger{border-color:#e6baba;color:#aa3434!important;background:#fffafa}.f-button-small{font-size:13px;padding:7px 12px}.f-notice{background:#f3f6fc;border:1px solid #e0e7f5;padding:14px 16px;border-radius:9px;font-size:14px;color:#4e607e;margin:16px 0;overflow-wrap:anywhere}.f-notice-warm{background:#fff8e9;border-color:#f0e1bd;color:#806026}.f-notice-success{background:#edf7f0;border-color:#d9eadd;color:#316947}.f-error{background:#fff3f1;border:1px solid #f0cdc8;color:#9c352c;border-radius:10px;padding:15px 18px;margin-bottom:20px;font-size:14px;overflow-wrap:anywhere}.f-error p{margin:0}.f-error ul{margin:8px 0 0;padding-left:20px}.f-auth{padding:20px;border-radius:12px;background:#f7f8fb;border:1px solid #e5e9f0;margin:20px 0}.f-auth h2,.f-auth h3{margin-bottom:7px}.f-auth h2{font-size:18px;line-height:inherit}.form-page p a,.form-page label a,.form-page li a{text-decoration:underline}.f-auth-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.f-auth-actions .f-field{flex:1;min-width:140px;margin-bottom:0}.f-auth-code{margin-top:16px}.f-auth [data-verified]{font-size:14px;color:#315f48;overflow-wrap:anywhere}.f-auth [data-auth-error]{margin-top:12px;color:#a1332c;font-size:14px}.f-dev-code{padding:12px;background:#fff6dc;border:1px solid #ebd6a3;color:#775725;font-size:14px;border-radius:7px;margin-top:14px;overflow-wrap:anywhere}.f-upload-input{border:1px dashed #b8c6de!important;background:#f9fbff!important;padding:14px!important}.f-upload-list{display:grid;gap:10px;margin:12px 0}.f-file{border:1px solid #e2e7ee;border-radius:10px;padding:13px;display:flex;align-items:flex-start;gap:12px;min-width:0}.f-file img{width:65px;height:70px;object-fit:cover;border-radius:7px;background:#f7f5ee;flex-shrink:0}.f-file-main{min-width:0;flex:1}.f-file-name{font-size:14px;font-weight:550;overflow-wrap:anywhere;margin:0 0 3px}.f-file-state{font-size:13px;color:#686e78;overflow-wrap:anywhere;margin:0 0 4px}.f-file-actions{display:flex;gap:12px;flex-wrap:wrap}.f-file progress{width:100%;height:7px;accent-color:#0052d9;display:block;margin:8px 0}.f-file-error{font-size:13px;color:#a1332c;overflow-wrap:anywhere}.f-summary-section{border:1px solid #e4e8ee;border-radius:10px;padding:18px;margin-bottom:15px}.f-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.f-summary-head h3{margin:0}.f-summary{display:grid;grid-template-columns:110px minmax(0,1fr);gap:9px 14px;font-size:14px;margin:0}.f-summary dt{color:#6c717c}.f-summary dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.f-status{display:inline-flex;gap:6px;align-items:center;padding:4px 10px;border-radius:5px;background:#eff3fb;color:#486797;font-size:13px;white-space:nowrap}.f-status[data-status="NEEDS_INFO"]{background:#fff4d9;color:#83611b}.f-status[data-status="APPROVED"],.f-status[data-status="READY"]{background:#e9f6ee;color:#2f7650}.f-status[data-status="REJECTED"]{background:#fff0ee;color:#9c473c}.f-status[data-status="WITHDRAWN"],.f-status[data-status="ARCHIVED"],.f-status[data-status="PAUSED"]{background:#f0f1f3;color:#707782}.f-list{display:grid;gap:15px}.f-application-card{padding:22px;border:1px solid #e3e7ee;border-radius:13px;background:#fff;min-width:0}.f-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;flex-wrap:wrap}.f-card-top h2,.f-card-top h3{margin:0 0 5px;font-size:20px;overflow-wrap:anywhere}.f-card-top p{margin:0;color:#6c727d;font-size:13px;overflow-wrap:anywhere}.f-card-meta{font-size:14px;color:#697384;margin:15px 0}.f-card-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.f-detail-heading{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;flex-wrap:wrap;margin-bottom:22px}.f-detail-heading h2{margin:0 0 6px}.f-timeline{list-style:none;padding:0;margin:0}.f-timeline li{position:relative;padding:0 0 24px 25px;border-left:1px solid #e2e6ec;margin-left:6px}.f-timeline li:last-child{padding-bottom:0;border-left-color:transparent}.f-timeline li::before{content:"";width:9px;height:9px;border-radius:50%;background:#6388d6;position:absolute;left:-5px;top:7px}.f-timeline p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.f-timeline time{font-size:13px;color:#6a7280}.f-timeline strong{font-size:14px;font-weight:550}.f-empty{text-align:center;padding:25px 15px}.f-empty img{width:150px;height:auto;border-radius:16px}.f-empty h2{font-size:22px;margin:12px 0}.f-empty p{color:#686e78;font-size:14px}.f-success-head{text-align:center;margin-bottom:25px}.f-success-head img{width:188px;height:auto;border-radius:18px}.f-success-head h1{font-size:31px;margin:12px 0}.f-success-head p{color:#686e78;font-size:15px}.f-narrow{max-width:800px;margin:0 auto}.f-footer{max-width:1120px;padding:25px 28px;margin:auto;border-top:1px solid #e9ebef;font-size:13px;color:#6a717c;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.f-dialog{width:calc(100% - 32px);max-width:490px;border:1px solid #dfe4ed;border-radius:15px;padding:25px;color:#20242d;background:#fff}.f-dialog::backdrop{background:#17202f55}.f-dialog h2{font-size:23px}.f-dialog p{font-size:15px}.f-working{color:#61738a;font-size:14px;min-height:24px}.f-section-gap{margin-top:26px}.f-private-image{width:100%;max-width:180px;max-height:200px;object-fit:contain;background:#f7f6f1;border-radius:9px}.f-private-links{list-style:none;padding:0;margin:12px 0;display:grid;gap:8px;font-size:14px}.f-private-links a{overflow-wrap:anywhere}.f-heading-row{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:20px}.f-heading-row h2{margin:0}.f-skip{position:absolute;left:12px;top:-70px;background:#fff;padding:12px;z-index:100}.f-skip:focus{top:12px}
@media(max-width:850px){.f-layout{grid-template-columns:1fr}.f-guide{padding:18px 20px}.f-guide h2,.f-guide p,.f-guide-image{display:none}.f-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.f-step{display:block}.f-step span{display:inline-block;width:27px;margin-bottom:5px}.f-step strong{display:block;font-size:13px}.f-header-inner{gap:15px}.f-account{width:100%}.f-main{padding-top:28px}}
@media(max-width:560px){.f-header-inner{padding:15px 18px;gap:13px}.f-brand{font-size:24px}.f-brand img{height:28px;width:auto}.f-nav{gap:14px;justify-content:flex-end}.f-nav a{font-size:13px}.f-main{padding:25px 16px 35px}.f-panel{padding:22px 17px;border-radius:13px}.f-intro{gap:8px;align-items:flex-start}.f-intro img{width:65px;height:80px}.f-intro p{font-size:14px}.f-intro h1{font-size:28px}.f-choice-list{grid-template-columns:1fr}.f-choice{padding:12px}.f-choice strong{font-size:15px}.f-choice small{font-size:13px}.f-grid-2{grid-template-columns:1fr;gap:0}.f-actions{gap:9px}.f-actions-spacer{display:none}.f-actions .f-button{flex:1;min-width:115px;padding:11px 12px}.f-actions .f-link-button{width:100%;order:5;text-align:left}.f-summary{grid-template-columns:1fr;gap:4px}.f-summary dd{margin-bottom:9px}.f-summary-section{padding:14px}.f-summary-head h3{font-size:17px}.f-auth{padding:16px 13px}.f-auth-actions{display:grid;grid-template-columns:1fr}.f-auth-actions .f-button{width:100%}.f-footer{padding:22px 18px}.f-status{white-space:normal}.f-card-top h3{font-size:19px}.f-file{padding:10px;gap:9px}.f-file img{width:48px;height:57px}.f-guide{padding:17px 13px}.f-step strong{font-size:12px}.f-panel legend{font-size:22px}.f-application-card{padding:18px 15px}.f-success-head h1{font-size:28px}}

/* Approved creator-flow direction: warm guide rail, quiet panels, and a compact mobile flow. */
.form-page{background:#fafbf9;color:#232936}
.f-header{background:#fff;border-bottom:1px solid #e7e9ed}
.f-header-inner{max-width:1120px;height:74px;padding:0 4.2%;gap:34px}
.f-brand{font-size:27px;letter-spacing:-1px}
.f-brand img{height:34px;width:auto}
.f-nav{height:100%;gap:26px;align-items:stretch}
.f-nav a{display:flex;align-items:center;position:relative;color:#6a717e;font-size:13px}
.f-nav a[aria-current]{color:#0052d9;font-weight:600}
.f-nav a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px 3px 0 0;background:#0052d9}
.f-account{font-size:12px;color:#6a717f;margin-left:auto;white-space:nowrap;flex-wrap:nowrap;gap:8px;flex-shrink:0}
.f-account a.f-link-button{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.f-account .yj-bell,.f-account .yj-user-btn{min-height:40px}
.f-main{max-width:1120px;min-height:810px;padding:35px 4.2% 36px}
.f-intro{align-items:flex-start;margin-bottom:27px}
.f-intro>img{display:none}
.f-intro h1{font-size:29px;letter-spacing:-.8px;margin-bottom:9px}
.f-intro p{font-size:13px;color:#6a717d}
.f-eyebrow{font-size:12px;color:#8a7d65;letter-spacing:1.3px}
.f-layout{grid-template-columns:208px minmax(0,1fr);gap:25px}
.f-guide{background:#f7f5ee;border-radius:16px;padding:23px 20px 18px}
.f-guide h2{font-size:14px;margin-bottom:22px}
.f-steps{gap:18px}
.f-step{min-height:44px;align-items:center;gap:11px;color:#646768}
.f-step span{width:27px;height:27px;flex-basis:27px;line-height:27px;background:#e9e8e1}
.f-step strong{font-size:14px}
.f-step[aria-current]{color:#0052d9}
.f-guide-image{width:125px;height:152px;margin:29px auto 13px;display:block}
.f-guide p{font-size:11px;line-height:1.9;text-align:center;color:#726f65}
.f-panel{padding:28px 30px;border-radius:18px;border-color:#e7e9ed}
.f-panel legend{font-size:23px;margin-bottom:8px}
.f-panel>.f-help{margin-bottom:23px}
.f-choice-list{gap:10px}
.f-choice{padding:16px 13px 15px;border-radius:10px}
.f-choice strong{font-size:14px}.f-choice small{font-size:11px}
.f-field{margin-bottom:20px}.f-field>label,.f-field-label{font-size:14px;margin-bottom:10px}
.f-field input:not([type=checkbox]):not([type=radio]),.f-field select,.f-field textarea{border-radius:9px;padding:11px 13px}
.f-options{gap:10px}.f-options .f-check{padding:9px 11px;border:1px solid #e4e7ed;border-radius:7px;min-height:40px;background:#fff;font-size:12px}
.f-upload-input{background:#fafbf9!important;border:1px solid #e4e9e1!important;border-radius:12px!important}
.f-auth{border-radius:12px;padding:20px;background:#f8fafc;border-color:#e3e8f0}
.f-notice{border:0;border-radius:8px;padding:13px 14px;font-size:12px}
.f-summary-section{border-radius:10px;padding:16px}
.f-actions{padding-top:22px;margin-top:18px}
.f-button{border-radius:9px;font-size:13px}
.f-footer{max-width:1120px;margin:0 4.2%;padding:20px 0;font-size:11px}

/* Applications: desktop master/detail view, matching the approved progress mockup. */
#applications-content{margin-top:25px}
#applications-content>.f-heading-row{margin-bottom:30px}
#applications-heading{font-size:29px;letter-spacing:-.8px}
.f-application-workspace{display:grid;grid-template-columns:minmax(255px,.82fr) minmax(0,1.45fr);gap:24px;align-items:start}
.f-application-master,.f-application-detail-wrap{min-width:0}
.f-application-filters{display:flex;gap:7px;margin-bottom:15px;padding:4px;border-radius:12px;background:#f0f2f5}
.f-application-filter{flex:1;min-height:38px;padding:8px 6px;border:0;border-radius:9px;background:transparent;color:#646d7f;font-size:13px}
.f-application-filter[aria-pressed="true"]{background:#fff;color:#0052d9;box-shadow:0 1px 5px #26365b0b}
.f-application-detail-column>.f-panel{margin-bottom:22px}
.f-application-card.is-selected{border-color:#a5bdfb;background:#f3f7ff;box-shadow:inset 3px 0 #0052d9}
.f-application-card{padding:17px 14px;border-radius:17px}
.f-card-top{align-items:center}.f-card-top h2,.f-card-top h3{font-size:16px}
.f-card-meta{font-size:12px;margin:5px 0}
.f-card-actions{margin-top:11px;gap:10px}
.f-application-card .f-card-actions{display:flex}
.f-application-card .f-card-actions .f-button{font-size:12px;padding:7px 10px}
.f-card-top .f-status{font-size:11px}
.f-card-thumb{display:block;float:left;width:61px;height:61px;margin:0 13px 5px 0;border-radius:11px;background:#f1f4ef;object-fit:cover}
.f-card-thumb.is-default,.f-detail-thumb.is-default{object-fit:contain}
.f-application-card .f-card-top,.f-application-card .f-card-meta,.f-application-card>.f-help,.f-application-card>.f-card-actions{margin-left:74px}
.f-application-card:after{content:"";display:block;clear:both}
.f-detail-heading{padding-bottom:4px}
.f-detail-heading h2{font-size:23px}
.f-detail-thumb{display:block;width:70px;height:70px;border-radius:13px;background:#f1f4ef;object-fit:cover}
.f-detail-heading>div:first-child{flex:1}
.f-detail-heading{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:16px;align-items:center}
.f-detail-heading>div:first-child{grid-column:2}.f-detail-heading>.f-status{grid-column:3;grid-row:1}
.f-detail-heading + .f-notice{background:#fff8ed;color:#8c6e38}
.f-detail-heading~.f-panel{border-radius:15px}
.f-timeline li{padding-bottom:20px}.f-timeline p{font-size:12px;line-height:1.75}.f-timeline time{font-size:11px}
.f-filter-empty{padding:18px 4px;color:#646d7f;font-size:14px}
.f-notice p{margin:0 0 6px}.f-notice p:last-child{margin-bottom:0}
.f-supplement-lead{font-weight:600}
.f-supplement-list{margin:4px 0 8px;padding-left:20px}.f-supplement-list li{margin:2px 0}
.f-notice-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.f-status[data-status="SIGNED"]{background:#e9f6ee;color:#2f7650}.f-status[data-status="EXPIRED"],.f-status[data-status="CANCELLED"],.f-status[data-status="VOIDED"]{background:#f0f1f3;color:#707782}
.f-sign-url{font-family:Consolas,"Courier New",monospace;font-size:13px;overflow-wrap:anywhere}
/* Mascot state illustrations keep their warm paper backdrop, so they always sit on white panels. */
.f-state{text-align:center;padding:34px 22px}
.f-state img{display:block;width:176px;height:auto;margin:0 auto 14px;border-radius:18px}
.f-state-celebrate img{width:188px}
.f-state .f-state-code{font-size:44px;font-weight:800;letter-spacing:-1px;line-height:1;color:#0052d9;margin:2px auto 12px}
.f-state h1,.f-state h2{font-size:24px;line-height:1.4;margin:0 0 8px}
.f-state p{color:#686e78;font-size:14px;line-height:1.75;max-width:440px;margin:0 auto}
.f-state-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.f-loading{text-align:center;padding:36px 20px;opacity:0;animation:f-fade-in .25s ease .4s forwards}
.f-loading img{display:block;width:186px;height:auto;margin:0 auto 12px;border-radius:18px;animation:f-bob 2.2s ease-in-out infinite}
.f-loading p{color:#686e78;font-size:14px;margin:0}
@keyframes f-fade-in{to{opacity:1}}
@keyframes f-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.f-loading img{animation:none!important}}
/* Login and "my account" pages. */
.f-login{max-width:480px;margin:0 auto}
.f-tabs{display:flex;gap:6px;padding:4px;margin-bottom:22px;border-radius:12px;background:#f0f2f5}
.f-tab{flex:1;min-height:44px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:#596170;font-size:14px;font-weight:550}
.f-tab[aria-selected="true"]{background:#fff;color:#0052d9;box-shadow:0 1px 5px #26365b14}
.f-tab:focus-visible{outline-offset:-3px}
.f-block{width:100%}
.f-login .f-check{margin:0 0 18px}
.f-login .f-check small{display:block;color:#686e78;font-size:12px;line-height:1.6}
.f-login-links{display:flex;justify-content:flex-end;margin-top:6px}
.f-login-note{margin:12px 0 0;font-size:13px}
[data-form-message]:empty{margin:0}
.f-panel>h2,.f-panel>.f-heading-row h2{font-size:20px;margin-bottom:8px}
.f-panel>h2[tabindex]:focus{outline:none}
.f-panel>h3{margin:26px 0 10px;font-size:16px}
/* 我的账号：头像与昵称 */
.f-profile{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:start}
.f-profile-avatar{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.f-profile-avatar .f-field-help,.f-profile-avatar .f-help{margin:0;font-size:12px}
.f-avatar-preview{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#e6efff,#fff1dc);border:1px solid #e4e8ee}
.f-avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}
.f-profile-avatar-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.f-profile-name .f-field{margin-bottom:0}
.f-crop-dialog{max-width:420px}
.f-crop-stage{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#1f2633;cursor:grab;touch-action:none;user-select:none}
.f-crop-stage:active{cursor:grabbing}
.f-crop-stage:focus-visible{outline:3px solid #0052d9;outline-offset:3px}
.f-crop-stage canvas{width:100%;height:100%;display:block}
.f-crop-zoom{margin:16px 0 0;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:550}
.f-crop-zoom input[type="range"]{flex:1;accent-color:#0052d9;min-height:32px;margin:0}
.f-crop-dialog .f-actions{margin-top:16px;padding-top:16px}
@media(max-width:560px){.f-profile{grid-template-columns:1fr;gap:18px}}
/* 我的需求（品牌方）：沿用“我的申请”的列表 + 详情布局，卡片没有缩略图。 */
#briefs-content{margin-top:25px}
#briefs-content>.f-heading-row{margin-bottom:30px}
#briefs-heading{font-size:29px;letter-spacing:-.8px}
.f-application-card.b-brief-card{cursor:pointer}
.f-application-card .f-card-meta{color:#5b6473}
.b-brief-card .f-card-top,.b-brief-card .f-card-meta,.b-brief-card>.f-help,.b-brief-card>p{margin-left:0!important}
.b-brief-card>.f-help{margin:4px 0 0;font-size:12px}
.b-brief-card:focus-visible{outline:3px solid #0052d9;outline-offset:2px}
.b-brief-usage{margin:6px 0 0;font-size:13px;color:#4f5866;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.b-detail-head{align-items:flex-start;margin-bottom:18px}
.b-detail-head h2{margin:0 0 4px;overflow-wrap:anywhere}
.b-detail-head .f-help{margin:0}
.b-progress{list-style:none;padding:0;margin:0 0 6px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;counter-reset:none}
.b-progress li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#5b6473;font-size:12px}
.b-progress li::before{content:"";position:absolute;top:13px;left:calc(-50% + 18px);right:calc(50% + 18px);height:2px;background:#e3e7ee}
.b-progress li:first-child::before{display:none}
.b-progress span{width:27px;height:27px;border-radius:50%;background:#eceef2;color:#6a717d;line-height:27px;font-size:12px;font-weight:600}
.b-progress strong{font-size:12px;font-weight:550}
.b-progress .is-done{color:#2f7650}
.b-progress .is-done span{background:#e2f2e8;color:#2f7650}
.b-progress .is-done::before,.b-progress .is-current::before{background:#a8d2b8}
.b-progress .is-current{color:#0052d9}
.b-progress .is-current span{background:#0052d9;color:#fff}
.b-task{padding:16px;border:1px solid #e4e8ee;border-radius:13px;background:#fff;min-width:0}
.b-task .f-summary{margin-top:12px}
.b-task .f-notice{margin:12px 0 0}
.b-event{display:block;font-size:13px;margin-top:2px}
[data-page="my-briefs"] .f-status[data-status="OPEN"]{background:#e9f6ee;color:#2f7650}
[data-page="my-briefs"] .f-status[data-status="AWAITING_CONSENT"],[data-page="my-briefs"] .f-status[data-status="CONSENTED"]{background:#fff4d9;color:#83611b}
[data-page="my-briefs"] .f-status[data-status="CANCELLED"],[data-page="my-briefs"] .f-status[data-status="CLOSED"]{background:#f0f1f3;color:#707782}
[data-page="my-briefs"] .f-status[data-status="TO_CONTACT"],[data-page="my-briefs"] .f-status[data-status="CONTACTING"]{background:#eaf1ff;color:#0052d9}

@media(max-width:850px){
 .f-header-inner{height:65px;padding:0 20px;gap:20px}.f-brand{font-size:24px}.f-brand img{height:28px;width:auto}.f-nav{margin-left:auto;gap:16px}.f-account{display:none}
 .f-main{min-height:730px;padding:26px 20px 28px}.f-layout{grid-template-columns:1fr;gap:18px}.f-guide{padding:14px 12px;border-radius:12px}.f-guide h2,.f-guide p,.f-guide-image{display:none}.f-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.f-step{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;text-align:center;min-height:58px}.f-step span{width:25px;height:25px;flex-basis:25px;line-height:25px}.f-step strong{font-size:11px;white-space:nowrap}.f-panel{padding:20px 18px}.f-choice-list{grid-template-columns:1fr}.f-choice{padding:13px 42px 13px 47px;min-height:67px}.f-actions{flex-wrap:wrap;gap:10px}.f-actions>.f-button{flex:1;justify-content:center}.f-actions-spacer{display:none}.f-actions .f-link-button{width:100%;order:4;text-align:center}
 #applications-content>.f-heading-row{margin-bottom:20px}#applications-heading{font-size:27px}.f-application-workspace{display:block}.f-application-card{margin-bottom:10px}.f-card-thumb{width:65px;height:65px}.f-application-card .f-card-top,.f-application-card .f-card-meta,.f-application-card>.f-help,.f-application-card>.f-card-actions{margin-left:80px}.f-application-detail-wrap{margin-top:18px}
 .f-detail-heading{grid-template-columns:70px minmax(0,1fr);}.f-detail-heading>.f-status{grid-column:2;grid-row:2;justify-self:start}.f-detail-heading{row-gap:4px}
 /* 账号区在会话返回（f-account-ready）或已有页头预判（html[data-yj-auth]，见 boot.js）时显示，预判时首屏就占好这一行。 */
 :is(.f-account-ready,html[data-yj-auth] body) .f-header-inner{height:auto;min-height:65px;row-gap:0}:is(.f-account-ready,html[data-yj-auth] body) .f-nav{min-height:65px}
 :is(.f-account-ready,html[data-yj-auth] body) .f-account{display:flex;flex-wrap:nowrap;order:3;width:100%;margin:0;padding:4px 0 8px;border-top:1px solid #f0f1f4;align-items:center;gap:8px;white-space:normal}
 :is(.f-account-ready,html[data-yj-auth] body) .f-account .yj-bell{margin-left:auto}
 :is(.f-account-ready,html[data-yj-auth] body) .f-account [data-login-link]{margin-left:auto;flex-shrink:0}
}
@media(max-width:560px){
 .f-header-inner{padding:0 20px}.f-main{padding:26px 20px 28px}.f-intro h1{font-size:25px}.f-intro p{font-size:13px}.f-panel{padding:20px 18px}.f-panel legend{font-size:21px}.f-footer{display:block;text-align:center;margin:0 20px;padding:18px 0}.f-footer a{display:block;margin-top:4px}.f-auth{padding:17px 14px}.f-auth-actions{display:grid;grid-template-columns:1fr}.f-auth-actions>.f-button{width:100%}.f-summary-section{padding:13px}.f-summary{grid-template-columns:65px minmax(0,1fr);gap:7px 9px}.f-application-card{padding:17px}.f-application-card .f-card-actions .f-button{width:100%}
 .f-state{padding:26px 16px}.f-state-actions .f-button{flex:1 1 130px}
 #briefs-heading{font-size:25px}.b-progress strong{font-size:11px}.b-progress li::before{left:calc(-50% + 16px);right:calc(50% + 16px)}
}
@media(max-width:360px){
 .f-header-inner{gap:14px}.f-nav{gap:12px}
}