.join-page{font-size:16px}
.join-page .wrap{width:min(1180px,calc(100% - 64px))}
.join-header{display:flex;justify-content:space-between;align-items:center;min-height:90px;border-bottom:1px solid var(--line);gap:20px}
.join-header-links{display:flex;gap:30px;align-items:center;font-size:13px}
.join-header-links>a{color:var(--muted);text-decoration:none}
.join-languages{display:flex;gap:13px}
.join-languages a{font-size:12px;text-decoration:none;color:var(--muted);padding:5px 0}
.join-languages a[aria-current=page]{color:var(--ink);border-bottom:2px solid var(--gold);font-weight:700}
.join-hero{display:grid;grid-template-columns:minmax(0,1fr) 148px;gap:60px;align-items:center;padding:53px 0 36px}
.join-hero h1{font-size:clamp(36px,4.2vw,56px);line-height:1.12;max-width:850px;letter-spacing:-.04em;text-wrap:balance}
.join-hero .eyebrow{font-size:10px;margin-bottom:17px}
.join-intro{max-width:760px;line-height:1.7;color:#485365;font-size:17px;margin:20px 0 16px}
.join-brand-line{font-size:14px;font-weight:700;margin:0;color:var(--gold-text)}
.join-entry-qr{display:flex;flex-direction:column;align-items:center;text-decoration:none;background:white;border:1px solid #d9d3c7;padding:12px 13px 10px;gap:3px;direction:ltr;break-inside:avoid}
.join-entry-qr img{display:block;width:112px;height:112px}
.join-entry-qr strong{font-size:12px;letter-spacing:0}
.join-entry-qr span{font-size:12px;letter-spacing:.13em;color:var(--gold-text);font-weight:700}
.join-steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:17px 0;margin:0 0 35px;border-block:1px solid #d9d3c7;gap:25px}
.join-steps li{display:flex;gap:13px;align-items:center;font-size:13px}
.join-steps li>span{font-family:ui-monospace,monospace;color:var(--gold-text);font-size:12px}
.join-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(285px,1fr);gap:32px;align-items:start}
.join-editor{min-width:0}.join-panel{background:#fff;border:1px solid #ddd8ce;padding:29px 30px;margin-bottom:24px}
.join-section-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:26px}
.join-section-number{font-family:ui-monospace,monospace;color:var(--gold-text);font-size:12px;padding-top:6px}
.join-section-heading h2{font-size:24px;line-height:1.3;letter-spacing:-.025em}
.join-section-heading .field-help{font-size:13px;margin-top:8px;line-height:1.7}
.join-page .field label{font-size:13px}.join-page .field input,.join-page .field select,.join-page .field textarea{font-size:14px;min-height:44px;padding:10px 11px}
.join-page .field textarea{min-height:105px}.join-page textarea[rows="2"]{min-height:78px}
.join-page .field-help{font-size:12px;line-height:1.7;color:#5b6371}
.join-page .field{margin-bottom:19px}.join-page .form-row{gap:17px}.join-page .join-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.join-page .button{font-size:13px;min-height:44px;padding:10px 15px;line-height:1.5}
.join-page .button:disabled{opacity:.55;cursor:not-allowed}.join-page .button:disabled:hover{background:var(--ink)}.join-page .secondary:disabled:hover{background:transparent}
.join-page .text-button,.join-page .text-link{font-size:13px}
.source-upload{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 18px;background:#f8f6f1;border:1px dashed #c7b797;margin:0 0 21px}
.source-upload .button{cursor:pointer;background:white;padding:8px 14px;min-height:39px}
.source-upload .field-help{font-size:10px;margin-top:8px}.source-file-name{font-size:12px;max-width:35%;overflow-wrap:anywhere;color:var(--muted)}
.source-caption{display:flex;gap:15px;justify-content:space-between;align-items:flex-start}.source-caption .field-help{max-width:80%}
#source-count{font-size:10px;white-space:nowrap;color:var(--muted);margin-top:8px}
.join-details{border:1px solid #d9dde3;background:#fcfbf8;margin:20px 0 22px;min-width:0}
.join-details>summary{font-size:13px;font-weight:650;cursor:pointer;padding:15px 17px;line-height:1.6}
.join-details>summary::marker{color:var(--gold-text)}
.join-details[open]>summary{border-bottom:1px solid #ddd8ce}
.details-body{padding:18px 17px 5px}
.ai-panel>summary{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.ai-panel>summary:before{content:'+';font-size:18px;color:var(--gold-text);font-weight:400}
.ai-panel[open]>summary:before{content:'−'}.ai-panel>summary>span:first-of-type{margin-inline-end:auto}
.join-state{display:inline-block;font-size:10px;font-weight:600;color:#765824;background:#f1eadb;padding:3px 7px;line-height:1.6;border-radius:2px;max-width:100%}
.join-state[data-state=ready]{color:#295843;background:#e5f0e8}
.join-check{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;margin:14px 0 18px;color:#495464}
.join-check input{flex:0 0 16px;width:16px;height:16px;accent-color:var(--ink);margin-top:3px}
.join-manual-note{font-size:12px;color:var(--muted);margin:14px 0 0}
.estimate-box{border-top:2px solid var(--gold);margin-top:22px;padding-top:19px}.estimate-box h3{font-size:17px;line-height:1.4}
.estimate-box .field{margin-top:18px}.estimate-box .field input{max-width:220px}
.join-metrics{margin:15px 0;display:flex;flex-direction:column;gap:0;font-size:12px}
.join-metrics>div{display:flex;justify-content:space-between;gap:22px;padding:8px 0;border-bottom:1px solid #e3e0d9}
.join-metrics dt{color:#5b6371}.join-metrics dd{margin:0;font-weight:650;overflow-wrap:anywhere;text-align:end;max-width:55%}
.join-metrics .mono{font-size:10px;font-family:ui-monospace,monospace}
.ai-questions{padding:16px 0;border-top:1px solid var(--line);margin-top:20px}.ai-questions h3{font-size:15px;line-height:1.4}
.ai-questions ul{padding-inline-start:20px;font-size:12px;color:#4b5667;line-height:1.7;margin-bottom:0}
.join-fieldset{padding:0;border:0;margin:0 0 22px;min-width:0}.join-fieldset legend{font-weight:650;font-size:13px;padding:0 0 11px}
.join-services{display:flex;gap:10px;flex-wrap:wrap}.join-services label{display:flex;align-items:center;gap:9px;flex:1 1 120px;padding:11px 14px;border:1px solid #c9c2b6;background:#fff;font-size:14px;cursor:pointer}
.join-services input{width:16px;height:16px;accent-color:var(--ink)}
.join-services label:has(input:checked){border-color:#b18a48;background:#f6f0e3}
.join-details fieldset+fieldset{border-top:1px solid #e2ded4;padding-top:18px;margin-top:20px}
.join-details .join-fieldset .field-help{margin-top:-7px}.join-edit-actions{display:flex;gap:17px;align-items:center;flex-wrap:wrap;margin:25px 0 12px}
.join-page .form-error{font-size:13px;margin:18px 0}
.join-preview{min-width:0;position:sticky;top:24px}
.join-preview-panel{padding:28px 27px;border:1px solid #d4c9b4;border-top:3px solid var(--gold);background:#f1ede4}
.join-preview-panel>.eyebrow{font-size:9px;margin-bottom:14px;letter-spacing:.085em}
.join-preview-panel h2{font-size:27px;line-height:1.3;text-wrap:balance}
.join-preview-panel>.field-help{margin:18px 0 0;font-size:12px}
.draft-owner{border-block:1px solid #d5cbb9;padding:16px 0;margin:20px 0 18px;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.draft-owner strong{display:block;font-size:16px;flex:1 1 100%;overflow-wrap:anywhere}.draft-owner code{font-size:10px;line-height:1.6;overflow-wrap:anywhere;flex:1 1 100%;color:#515c6a}
.draft-owner .join-state{margin-top:3px}
.join-preview-panel .field input{background:#fcfbf8}.compact label{font-size:11px!important}.compact input{min-height:37px!important;font-size:12px!important}
.resource-item{border-top:1px solid #d5cbb9;padding:15px 0;font-size:12px}.resource-item h3{font-size:16px;line-height:1.4;margin-bottom:7px;letter-spacing:-.015em}
.resource-item code{font-size:10px;line-height:1.7;color:#59616e;display:block;overflow-wrap:anywhere;word-break:break-all}
.resource-item .resource-meta{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:8px;color:#59616e;font-size:11px}
.resource-item .resource-actions{display:flex;gap:16px;margin-top:7px}
.resource-actions button{font-size:11px;padding:4px 0;color:#505969;background:none;border:0;text-decoration:underline;text-underline-offset:3px}
.join-export-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 15px;margin:19px 0 8px}.join-export-actions .primary{width:100%}
.join-export-actions .button{font-size:12px}.join-export-actions .text-button{font-size:12px}
.json-details{margin-top:18px;border-top:1px solid #d5cbb9;padding-top:15px}
.json-details summary{font-size:11px;color:var(--muted);cursor:pointer}
.json-details textarea{display:block;width:100%;max-width:100%;min-height:250px;resize:vertical;margin-top:12px;font-family:ui-monospace,monospace;font-size:10px;line-height:1.6;background:#fff;border:1px solid #c9c2b6;padding:12px;color:var(--ink)}
.draft-import{padding-top:21px;border-top:1px solid #d5cbb9;margin-top:22px}.draft-import label{font-size:12px;cursor:pointer;color:#495464;line-height:1.7;display:inline-block}
.join-standard-links{display:flex;flex-direction:column;gap:13px;margin:23px 4px 30px;font-size:11px;color:var(--muted);line-height:1.7}
.join-usage{background:#fff;border:1px solid #ddd8ce;margin-top:21px;padding:22px 25px}.join-usage .eyebrow{font-size:9px;margin-bottom:10px}.join-usage h3{font-size:20px;line-height:1.3}
.join-usage .join-metrics{font-size:11px}.join-usage .field-help{font-size:11px}
.join-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:25px;padding:25px 0 30px;font-size:10px;gap:15px;color:var(--muted)}
.join-footer p{margin:0;line-height:1.7}.join-footer a{font-size:10px}.join-page .status{font-size:12px;line-height:1.7}.join-page .status[data-error=true]{color:#8d261c}
.join-retrieve{margin-top:-13px;margin-bottom:28px;background:#fff}.join-retrieve .details-body{padding:20px 22px}.join-retrieve>.details-body>.button{margin-top:0}
.join-save-details{margin:17px 0 15px;padding:15px 0;border-block:1px solid #d5cbb9}.join-save-details>summary{font-size:12px;font-weight:650;cursor:pointer;color:#3c4859}.join-save-body .join-check{font-size:11px;margin:15px 0}.join-save-body .field-help{font-size:11px}
.access-receipt{padding:16px;background:#fff;border:1px solid #c5d3c9;border-inline-start:3px solid #4f755e;margin:18px 0}.access-receipt>strong{font-size:13px;color:#295843}.access-receipt>.mono{font-size:10px;line-height:1.7;overflow-wrap:anywhere;font-family:ui-monospace,monospace;margin:8px 0}.access-receipt label{display:block;font-size:11px;font-weight:650;margin:13px 0 7px}.access-receipt input{display:block;width:100%;min-width:0;background:#f8f6f1;border:1px solid #c9c2b6;border-radius:2px;padding:8px;font-size:12px}.access-receipt .resource-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:9px}.access-receipt .field-help{font-size:10px}
.join-page html[lang=zh-Hans] h1{letter-spacing:0}
@media(min-width:1500px){.join-hero{padding-top:63px;padding-bottom:42px}.join-workspace{gap:40px}}
@media(max-width:1000px){.join-workspace{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:24px}.join-panel{padding:24px 22px}.join-preview-panel{padding:24px 21px}.join-page .wrap{width:calc(100% - 48px)}.join-hero{gap:34px}.join-preview-panel h2{font-size:24px}.join-steps{gap:15px}.join-steps li{font-size:12px;gap:9px}.join-page .form-row{gap:13px}}
@media(max-width:800px){.join-workspace{grid-template-columns:1fr;gap:0}.join-preview{position:static}.join-preview-panel{padding:27px}.join-hero{grid-template-columns:minmax(0,1fr) 128px;gap:25px;padding-block:36px 27px}.join-entry-qr{padding:10px 8px}.join-entry-qr img{width:104px;height:104px}.join-hero h1{font-size:36px}.join-intro{font-size:15px}.join-steps{margin-bottom:26px}.join-panel{padding:25px 26px}.join-footer{flex-wrap:wrap;justify-content:flex-start;gap:10px 22px}.join-footer p{order:3;flex-basis:100%}}
@media(max-width:520px){.join-page .wrap{width:calc(100% - 30px)}.join-header{min-height:76px;gap:10px}.join-header .brand-tag{font-size:15px;padding-inline-start:10px}.join-header .brand-lockup{gap:10px}.join-header .wordmark{font-size:30px}.join-header-links{gap:13px}.join-header-links>a{display:none}.join-hero{grid-template-columns:minmax(0,1fr) 97px;align-items:start;gap:14px;padding:28px 0 23px}.join-hero h1{font-size:29px;letter-spacing:-.035em;line-height:1.2}.join-hero .eyebrow{font-size:8px;letter-spacing:.04em;margin-bottom:12px}.join-entry-qr{padding:7px 5px;gap:2px}.join-entry-qr img{width:84px;height:84px}.join-entry-qr strong{font-size:10px}.join-entry-qr span{font-size:10px}.join-intro{font-size:13px;margin-block:15px;line-height:1.8}.join-brand-line{font-size:11px}.join-steps{gap:12px;padding-block:14px;margin-bottom:21px}.join-steps li{font-size:10px;display:block;line-height:1.7}.join-steps li span{display:block;font-size:10px;margin-bottom:3px}.join-panel{padding:22px 18px}.join-section-heading{gap:10px;margin-bottom:23px}.join-section-heading h2{font-size:21px}.join-section-heading .field-help{font-size:12px}.join-page .form-row{grid-template-columns:1fr;gap:0}.join-page .join-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.join-page .field label{font-size:12px}.source-upload{padding:14px;gap:10px;align-items:flex-start;flex-direction:column}.source-file-name{max-width:100%;font-size:11px}.source-caption{display:block}.source-caption .field-help{max-width:100%}#source-count{display:block;text-align:end;margin-top:3px}.join-details>summary{padding:13px 12px;font-size:12px}.details-body{padding:16px 12px 4px}.ai-panel>summary{gap:7px}.ai-panel>summary .join-state{margin-inline-start:18px}.join-services{gap:7px}.join-services label{flex:1 1 80px;padding:9px 10px;font-size:12px;gap:7px}.join-services input{width:14px;height:14px}.join-preview-panel{padding:23px 20px}.join-metrics>div{gap:15px}.join-preview-panel h2{font-size:25px}.join-usage{padding:21px}.join-edit-actions{gap:10px 17px}.join-page .button{font-size:12px}.join-export-actions .primary{font-size:12px}.join-standard-links{font-size:11px}}
@media print{@page{size:A4;margin:14mm}.join-page{font-size:10pt;background:white}.join-page .wrap{width:100%}.join-header{min-height:36px;padding:0 0 10px}.join-header-links,.join-steps,.join-footer,.join-editor,.join-preview{display:none!important}.join-hero{grid-template-columns:1fr 116px;align-items:start;padding:18px 0 25px;gap:25px;break-inside:avoid}.join-hero h1{font-size:27px!important;line-height:1.2}.join-hero .eyebrow{font-size:8px}.join-intro{font-size:10px;line-height:1.7}.join-brand-line{font-size:10px}.join-entry-qr{padding:7px;display:flex!important}.join-entry-qr img{width:98px;height:98px}.join-entry-qr strong,.join-entry-qr span{font-size:9px}.join-page.printing-record .join-header,.join-page.printing-record .join-hero{display:none!important}.join-page.printing-record .print-record{display:block!important}.print-record-header{display:flex;justify-content:space-between;gap:24px;border-bottom:2px solid #b68a3c;padding-bottom:15px;break-inside:avoid}.print-record-header .print-brand{font-size:39px!important;line-height:1.2;color:#805b20;letter-spacing:.05em;font-weight:800}.print-record-header .eyebrow{font-size:8px;margin-bottom:8px}.print-record-header p{font-size:9px;margin:6px 0}.print-record-header strong{font-size:11px;display:block;margin-top:10px}.print-record-header>a{display:flex;flex-direction:column;align-items:center;text-decoration:none}.print-record-header>a>strong{font-size:9px;margin-top:4px}.print-record-header img{width:104px;height:104px}.print-draft-note{font-size:8px;color:#5b6371;line-height:1.6;margin:13px 0 18px}.print-partner{padding-bottom:14px;border-bottom:1px solid #d9dde3;break-inside:avoid}.print-partner h2{font-size:17px}.print-partner code{display:block;font-size:8px;word-break:break-all;margin-top:6px}.print-resource{padding:17px 0;border-bottom:1px solid #d9dde3;break-inside:avoid}.print-resource h3{font-size:15px;line-height:1.4}.print-resource code{font-size:8px;display:block;word-break:break-all;margin:5px 0 10px}.print-resource dl{display:grid;grid-template-columns:100px 1fr;gap:5px 14px;font-size:9px;margin:12px 0 0}.print-resource dt{color:#5b6371}.print-resource dd{margin:0;overflow-wrap:anywhere}.print-resource p{font-size:9px;line-height:1.6;margin:7px 0}.print-resource ul{font-size:8px;padding-inline-start:16px}.print-agreement-line{font-family:ui-monospace,monospace;font-size:7px!important;overflow-wrap:anywhere}.print-cost{font-size:9px;break-inside:avoid;margin-top:20px}.print-cost h3{font-size:13px}}
@media print{.join-retrieve{display:none!important}.print-server-reference{font-size:8px;overflow-wrap:anywhere}}