:root{--ink:#123d3e;--ink-strong:#0d3536;--teal:#078f8d;--cyan:#1aaeb0;--blue:#357bd7;--muted:#7d9394;--line:#dcebea;--soft:#f3faf9;--paper:#fff;--gold:#f0b94b;--shadow:0 24px 70px rgba(22,91,91,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f9fcfc;font-family:"Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}button,input,textarea,select{font:inherit}button,a{tap-highlight-color:transparent}.site-header{height:78px;background:rgba(255,255,255,.92);border-bottom:1px solid #e9f1f1;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.header-inner{max-width:1240px;height:100%;margin:auto;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{justify-self:start;display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#04a49f,#337fdb);color:#fff;font-size:20px;box-shadow:0 8px 18px rgba(8,143,141,.2)}.brand-text{display:flex;align-items:baseline;gap:10px}.brand-text strong{font-size:20px;letter-spacing:.16em}.brand-text small{font-size:10px;color:#789091;border-left:1px solid #cddddd;padding-left:10px;letter-spacing:.08em}.main-nav{display:flex;align-items:center;gap:42px}.main-nav a{font-size:13px;font-weight:700;color:#567374;text-decoration:none;transition:.2s}.main-nav a:hover{color:var(--teal)}.profile-wrap{justify-self:end;position:relative}.profile-button{border:1px solid #d4e7e7;background:#fff;border-radius:28px;padding:5px 12px 5px 6px;display:flex;align-items:center;gap:9px;color:var(--ink);cursor:pointer;box-shadow:0 7px 18px rgba(29,93,93,.06)}.profile-button img{width:34px;height:34px;border-radius:50%;object-fit:cover}.profile-button span{display:flex;flex-direction:column;align-items:start;line-height:1.2}.profile-button strong{font-size:12px}.profile-button small{font-size:9px;color:#8ca0a1;margin-top:3px}.profile-button>i{font-size:11px;color:#679091;margin-left:3px}.profile-menu{position:absolute;right:0;top:54px;width:190px;background:#fff;border:1px solid #dce9e9;border-radius:14px;padding:10px;box-shadow:0 18px 45px rgba(20,67,68,.14)}.profile-menu[hidden]{display:none}.profile-menu>div{padding:8px 9px 11px;border-bottom:1px solid #edf3f3;margin-bottom:5px}.profile-menu strong,.profile-menu small{display:block}.profile-menu strong{font-size:12px}.profile-menu small{font-size:10px;color:#8aa0a0}.profile-menu button{width:100%;border:0;background:transparent;color:#587172;text-align:left;padding:9px;border-radius:8px;font-size:11px;cursor:pointer}.profile-menu button:hover{background:#f0f7f7;color:var(--teal)}.profile-menu button i{margin-right:7px}.hero-shell{min-height:790px;padding:34px 24px 68px;position:relative;overflow:hidden;background:radial-gradient(circle at 12% 28%,rgba(62,205,194,.11),transparent 24%),radial-gradient(circle at 90% 34%,rgba(71,135,226,.12),transparent 28%),linear-gradient(180deg,#f9fdfd 0%,#f8fcfc 72%,#fff 100%)}.hero-copy{text-align:center;max-width:900px;margin:0 auto}.platform-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #d8e9e8;background:rgba(255,255,255,.75);border-radius:999px;padding:6px 12px;color:#628182;font-size:10px;font-weight:700}.platform-badge i{color:#21b6b0}.hero-copy h1{font-size:clamp(39px,4.6vw,62px);line-height:1.22;letter-spacing:-.055em;margin:22px 0 13px;color:var(--ink-strong);font-weight:800}.hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,#078e89,#16ada7 48%,#3d77dd);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:13px;color:#7c9293;margin:0}.workflow-card{width:min(960px,100%);margin:38px auto 0;background:#fff;border:8px solid rgba(225,240,239,.88);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.workflow-tabs{height:58px;padding:4px;background:#eaf4f3;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.workflow-tab{border:0;border-radius:12px;background:transparent;color:#7a9394;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:600;cursor:pointer;position:relative}.workflow-tab span{font-size:9px;color:#98aaaa}.workflow-tab small{font-size:8px;color:#95680e;background:#ffe29b;border-radius:999px;padding:2px 6px;margin-left:2px}.workflow-tab.active{background:#fff;color:#087d7d;box-shadow:0 3px 9px rgba(37,100,99,.06)}.workflow-tab.active span{color:#08a09d}.workflow-panel{padding:18px}.workflow-panel[hidden],.source-panel[hidden]{display:none}.prompt-intro{display:flex;align-items:center;gap:12px;text-align:left;margin:1px 2px 13px}.prompt-intro>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eaf7f6;color:#0b9b98;font-size:18px}.prompt-intro strong{font-size:12px}.prompt-intro p{font-size:10px;color:#8ba0a1;margin:1px 0 0}.prompt-preview{height:54px;border:1px solid #deeceb;border-radius:13px;padding:16px;color:#8aa0a1;font-size:11px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.primary-action{width:100%;margin-top:10px;height:43px;border:0;border-radius:11px;background:linear-gradient(90deg,#119c98,#2caeba);color:#fff;padding:0 15px;display:flex;align-items:center;gap:9px;cursor:pointer;font-size:11px;font-weight:700}.primary-action b{font-size:9px;font-weight:500;opacity:.75;margin-left:auto}.source-switcher{display:flex;gap:7px;margin-bottom:12px;overflow:auto;scrollbar-width:none}.source-tab{flex:1;min-width:132px;height:39px;border:1px solid #dcebea;border-radius:10px;background:#fff;color:#6f898a;font-size:10px;font-weight:700;cursor:pointer}.source-tab i{margin-right:6px}.source-tab.active{color:#087f7d;border-color:#95d0cd;background:#f0fafa}.large-input{height:66px;border:1px solid #dceaea;border-radius:13px;display:flex;align-items:center;padding:0 17px;gap:12px}.large-input i{font-size:18px;color:#7db2b0}.large-input input{border:0;outline:0;width:100%;font-size:12px;color:var(--ink);background:transparent}.large-input input::placeholder,.html-input::placeholder{color:#9cafaf}.html-input{width:100%;height:112px;border:1px solid #dceaea;border-radius:13px;padding:14px;resize:vertical;outline:0;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#345c5d}.html-input:focus,.large-input:focus-within{border-color:#65bbb7;box-shadow:0 0 0 3px rgba(20,165,159,.08)}.field-tip{margin:7px 3px 0;color:#99aaaa;font-size:9px;text-align:left}.upload-zone{width:100%;height:104px;border:1px dashed #a8cecc;border-radius:13px;background:#f6fbfb;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#779293;cursor:pointer}.upload-zone:hover{border-color:#16a09d;background:#effafa}.upload-zone i{font-size:23px;color:#18a19e}.upload-zone strong{font-size:11px;color:#537577;margin-top:3px}.upload-zone span{font-size:9px;margin-top:2px}.file-selection{margin-top:10px;border:1px solid #cfe6df;background:#f1faf6;border-radius:11px;padding:9px 11px;display:flex;align-items:center;gap:10px;text-align:left}.file-selection[hidden]{display:none}.file-selection>i{color:#23a66d}.file-selection div{flex:1;min-width:0}.file-selection strong,.file-selection span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-selection strong{font-size:10px}.file-selection span{font-size:9px;color:#82988c}.file-selection button{border:0;background:transparent;color:#168b86;font-size:9px;cursor:pointer}.panel-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.panel-footer>span{font-size:9px;color:#91a4a4}.panel-footer>span i{color:#27a56d;margin-right:4px}.next-action,.publish-action{border:0;border-radius:10px;background:#98d1cf;color:#fff;height:37px;padding:0 17px;font-size:10px;font-weight:700;cursor:pointer}.next-action:hover,.publish-action:hover{background:#18a29e}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.secondary-row{margin-top:10px;grid-template-columns:1.5fr .7fr}.form-row label>span,.code-label>span{display:block;text-align:left;font-size:10px;font-weight:700;margin:0 0 5px 2px;color:#527071}.form-row small,.code-label small{color:#9aaaaa;font-size:8px;font-weight:400}.form-row input,.form-row select{width:100%;height:38px;border:1px solid #dce9e8;border-radius:9px;background:#fff;padding:0 11px;outline:0;color:#34595a;font-size:10px}.form-row input:focus,.form-row select:focus,.code-label>div:focus-within{border-color:#65bbb7;box-shadow:0 0 0 3px rgba(20,165,159,.08)}.slug-field{display:flex;height:38px;border:1px solid #dce9e8;border-radius:9px;align-items:center;color:#a1b0b0}.slug-field b{font-size:11px;padding-left:11px}.slug-field input{border:0!important;box-shadow:none!important;padding-left:5px}.code-label{display:block;margin-top:10px}.code-label>div{height:38px;border:1px solid #dce9e8;border-radius:9px;display:flex;align-items:center;padding-left:11px}.code-label>div>i{color:#8ca5a5}.code-label input{border:0;outline:0;flex:1;font-size:10px;padding:0 8px}.code-label button{border:0;background:transparent;color:#168b88;font-size:9px;padding:0 12px;cursor:pointer}.publish-row{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.back-action{border:0;background:transparent;color:#799091;font-size:10px;cursor:pointer}.back-action i{margin-right:5px}.publish-action{height:40px;background:linear-gradient(90deg,#0c9692,#2b9fbd);display:flex;align-items:center;gap:28px;padding:0 17px}.publish-result{min-height:158px;border:1px solid #cde9de;background:#f3fbf7;border-radius:14px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:22px;text-align:left}.publish-result[hidden]{display:none}.result-icon{width:45px;height:45px;border-radius:50%;background:#d9f2e5;color:#15945b;display:grid;place-items:center;font-size:23px}.publish-result small,.publish-result a{display:block}.publish-result small{font-size:9px;color:#81958a}.publish-result>div:nth-child(2)>a{color:#087c78;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:5px}.publish-result button,.publish-result>a{border:1px solid #a9d6c5;background:#fff;color:#16815c;border-radius:9px;padding:8px 11px;text-decoration:none;font-size:9px;cursor:pointer}.publish-result>a{background:#168b68;color:#fff;border-color:#168b68}.workflow-benefits{display:flex;align-items:center;justify-content:center;gap:12px;color:#83a0a1;font-size:9px;margin-top:17px}.workflow-benefits i{width:3px;height:3px;border-radius:50%;background:#1ab0aa}.content-section{max-width:1180px;margin:0 auto;padding:88px 24px 0;scroll-margin-top:80px}.section-kicker{color:#07938e;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:8px}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-title-row h2{font-size:29px;letter-spacing:-.04em;margin:0;color:var(--ink-strong)}.section-title-row p{color:#8a9e9f;font-size:11px;margin:7px 0 0}.section-title-row>a{font-size:10px;color:#118e8a;text-decoration:none}.guide-grid,.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:27px}.guide-grid article,.case-card{background:#fff;border:1px solid #e0eceb;border-radius:17px;padding:22px;position:relative;box-shadow:0 10px 28px rgba(22,91,91,.04)}.guide-grid article>i{font-size:22px;color:#159d99}.guide-grid article>span{position:absolute;right:20px;top:18px;color:#b8c8c8;font:700 10px ui-monospace}.guide-grid h3,.case-card h3{font-size:14px;margin:15px 0 6px}.guide-grid p,.case-card p{color:#84999a;font-size:10px;margin:0}.cases-section{padding-top:76px}.case-card{min-height:180px;overflow:hidden}.case-card.teal{background:linear-gradient(145deg,#f1fbfa,#fff)}.case-card.blue{background:linear-gradient(145deg,#f2f6fd,#fff)}.case-card.cyan{background:linear-gradient(145deg,#f0fbfc,#fff)}.case-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:#dff4f1;color:#069993;font-size:18px}.case-card.blue .case-icon{background:#e4edfc;color:#377bdd}.case-card.cyan .case-icon{background:#dff5f6;color:#16a9ae}.case-card>span{position:absolute;right:18px;top:18px;border:1px solid #dcebea;border-radius:999px;padding:3px 8px;color:#779292;font-size:8px}.hall-section{padding-top:78px;padding-bottom:100px}.catalog-search{width:280px;height:40px;border:1px solid #dce9e8;border-radius:10px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 12px}.catalog-search i{color:#8ca1a2}.catalog-search input{border:0;outline:0;width:100%;font-size:10px;color:#456767}.catalog-filters{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0 15px}.catalog-filters button{border:1px solid #dce9e8;background:#fff;color:#7f9495;border-radius:999px;padding:6px 13px;font-size:9px;cursor:pointer}.catalog-filters button.active,.catalog-filters button:hover{background:#078b87;border-color:#078b87;color:#fff}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:13px}.catalog-card{background:#fff;border:1px solid #dfebea;border-radius:15px;padding:17px;min-height:178px;display:flex;flex-direction:column;transition:.2s}.catalog-card:hover{transform:translateY(-3px);box-shadow:0 15px 38px rgba(25,94,94,.09)}.catalog-card-top{display:flex;align-items:center;gap:10px}.catalog-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#e4f5f2;color:#0a9994;font-size:18px}.catalog-card h3{font-size:12px;margin:0}.catalog-meta{color:#9aabab;font-size:8px;margin-top:2px}.catalog-description{color:#7c9293;font-size:9px;line-height:1.65;margin:13px 0}.catalog-tags{display:flex;gap:5px;flex-wrap:wrap}.catalog-tags span{background:#f0f8f7;color:#678a89;border-radius:5px;padding:3px 6px;font-size:8px}.catalog-open{margin-top:auto;color:#0c918c;text-decoration:none;font-size:9px;font-weight:700;padding-top:12px;display:flex;justify-content:space-between}.catalog-empty{grid-column:1/-1;text-align:center;border:1px dashed #d6e6e5;border-radius:14px;padding:30px;color:#96a8a8;font-size:10px}footer{height:68px;border-top:1px solid #e5eeee;display:flex;align-items:center;justify-content:center;gap:30px;color:#94a5a5;font-size:9px;background:#fff}.toast{position:fixed;left:50%;bottom:24px;z-index:50;transform:translate(-50%,18px);opacity:0;background:#123f3f;color:#fff;border-radius:10px;padding:10px 15px;font-size:10px;box-shadow:0 12px 30px rgba(0,0,0,.15);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.progress-overlay{position:fixed;inset:0;z-index:60;background:rgba(17,58,58,.25);backdrop-filter:blur(6px);display:grid;place-items:center}.progress-overlay[hidden]{display:none}.progress-card{width:min(350px,calc(100% - 34px));background:#fff;border-radius:18px;padding:27px;text-align:center;box-shadow:0 25px 70px rgba(14,62,61,.18)}.loader{width:36px;height:36px;border:3px solid #dbefed;border-top-color:#0b9d98;border-radius:50%;margin:0 auto 13px;animation:spin .8s linear infinite}.progress-card strong{font-size:13px}.progress-card p{color:#899d9e;font-size:9px;margin:4px 0 16px}.progress-card>div:last-child{height:5px;background:#eaf2f1;border-radius:5px;overflow:hidden}.progress-card>div:last-child span{display:block;width:10%;height:100%;background:linear-gradient(90deg,#07948f,#3384d1);transition:.3s}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.header-inner{grid-template-columns:1fr auto}.main-nav{display:none}.hero-shell{padding-left:18px;padding-right:18px}.workflow-tabs{overflow:auto;grid-template-columns:repeat(3,minmax(160px,1fr))}.workflow-card{border-width:6px}.content-section{padding-left:20px;padding-right:20px}.guide-grid,.case-grid{grid-template-columns:1fr}.section-title-row{align-items:start;flex-direction:column}.catalog-search{width:100%}.publish-result{grid-template-columns:auto 1fr}.publish-result button,.publish-result>a{grid-row:2}.publish-result button{grid-column:1/2}.publish-result>a{grid-column:2/3;justify-self:start}}
@media(max-width:560px){.site-header{height:66px}.header-inner{padding:0 16px}.brand-icon{width:34px;height:34px}.brand-text{gap:6px}.brand-text strong{font-size:17px}.brand-text small{font-size:8px;padding-left:6px}.profile-button{border:0;padding:0;background:transparent;box-shadow:none}.profile-button span,.profile-button>i{display:none}.profile-button img{width:34px;height:34px}.hero-shell{min-height:auto;padding:35px 14px 52px}.platform-badge{font-size:9px}.hero-copy h1{font-size:36px;margin-top:19px}.hero-copy>p{font-size:11px;padding:0 12px}.workflow-card{margin-top:27px;border-width:5px;border-radius:20px}.workflow-tabs{height:54px;grid-template-columns:repeat(3,1fr);overflow:hidden}.workflow-tab{font-size:9px;gap:4px;padding:0 3px;white-space:nowrap}.workflow-tab span{font-size:8px}.workflow-tab small{display:none}.workflow-panel{padding:14px}.prompt-preview{height:60px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.source-tab{min-width:116px}.form-row,.secondary-row{grid-template-columns:1fr}.secondary-row{margin-top:9px}.publish-row{gap:8px}.publish-action{gap:10px;flex:1;justify-content:space-between}.workflow-benefits{gap:7px;flex-wrap:wrap}.content-section{padding-top:60px}.section-title-row h2{font-size:25px}.guide-grid,.case-grid{margin-top:20px}.hall-section{padding-bottom:65px}.publish-result{grid-template-columns:1fr;text-align:center}.result-icon{margin:auto}.publish-result button,.publish-result>a{grid-row:auto;grid-column:auto!important;justify-self:stretch;text-align:center}footer{flex-direction:column;gap:2px}.profile-menu{right:-2px}}

/* Two-step beginner publishing flow */
.workflow-tabs{grid-template-columns:repeat(2,1fr)}
.guide-grid{grid-template-columns:repeat(2,1fr)}
.smart-upload{min-height:190px;border:1.5px dashed #9bcac7;border-radius:17px;background:linear-gradient(145deg,#f7fcfb,#f2f9fc);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;text-align:center;cursor:pointer;outline:0;transition:.2s}
.smart-upload:hover,.smart-upload:focus-visible,.smart-upload.dragging{border-color:#0a9d98;background:#effafa;box-shadow:0 0 0 4px rgba(13,157,152,.08)}
.smart-upload.has-files{border-color:#7bc5a7;background:#f2fbf6}
.upload-symbol{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#dff4f1;color:#079c97;font-size:25px;box-shadow:0 8px 18px rgba(24,145,140,.08)}
.upload-copy{display:flex;flex-direction:column;margin-top:10px}
.upload-copy strong{font-size:14px;color:#315f60}
.upload-copy span{font-size:10px;color:#829a9b;margin-top:2px}
.upload-actions{display:flex;gap:9px;margin-top:15px}
.upload-actions button{height:38px;border:1px solid #b8dbd9;border-radius:10px;background:#fff;color:#257d7a;padding:0 14px;font-size:10px;font-weight:700;cursor:pointer;box-shadow:0 6px 15px rgba(34,102,101,.04)}
.upload-actions button:first-child{background:linear-gradient(90deg,#0c9792,#24a9a5);border-color:transparent;color:#fff}
.upload-actions button i{margin-right:5px}
.smart-upload>small{font-size:9px;color:#9aabab;margin-top:10px}
.auto-detect-note{display:flex;align-items:flex-start;gap:9px;margin-top:10px;border-radius:11px;background:#f5f9fc;padding:10px 12px;text-align:left}
.auto-detect-note>i{color:#3b80d1;margin-top:1px}
.auto-detect-note div{display:flex;flex-direction:column}
.auto-detect-note strong{font-size:9px;color:#557173}
.auto-detect-note span{font-size:8px;line-height:1.6;color:#8ba0a1;margin-top:1px}
.source-guidance{display:flex;gap:7px;margin-top:8px;color:#839899;font-size:9px;text-align:left}.source-guidance.warning{color:#9c7740}

/* Dialogs */
body.modal-open{overflow:hidden}
.publish-modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:22px}
.publish-modal[hidden]{display:none}
.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(15,54,55,.38);backdrop-filter:blur(7px);cursor:default}
.modal-card{position:relative;width:min(560px,100%);max-height:calc(100vh - 44px);overflow:auto;background:#fff;border:1px solid rgba(222,237,236,.9);border-radius:22px;padding:25px;box-shadow:0 30px 90px rgba(12,56,57,.24)}
.modal-close{position:absolute;right:17px;top:17px;width:32px;height:32px;border:0;border-radius:9px;background:#f0f6f6;color:#759091;cursor:pointer}
.modal-heading{display:flex;align-items:center;gap:12px;padding-right:40px;margin-bottom:20px;text-align:left}
.modal-icon{width:45px;height:45px;flex:0 0 auto;border-radius:13px;display:grid;place-items:center;background:#e2f5f2;color:#079a94;font-size:20px}
.modal-heading h2{font-size:18px;line-height:1.25;margin:0;color:var(--ink-strong)}
.modal-heading p{font-size:10px;color:#8ba0a1;margin:4px 0 0}
#publishForm{display:grid;gap:13px}
#publishForm[hidden]{display:none}
#publishForm label{display:block;text-align:left}
#publishForm label>span{display:block;font-size:10px;font-weight:700;color:#527071;margin:0 0 5px 2px}
#publishForm input,#publishForm textarea{width:100%;border:1px solid #dce9e8;border-radius:10px;background:#fff;padding:0 12px;outline:0;color:#34595a;font-size:11px}
#publishForm input{height:42px}
#publishForm textarea{height:92px;padding-top:10px;resize:vertical}
#publishForm input:focus,#publishForm textarea:focus{border-color:#65bbb7;box-shadow:0 0 0 3px rgba(20,165,159,.08)}
#publishForm .publish-action{width:100%;height:44px;justify-content:center;margin-top:2px;font-size:11px}
.modal-card .publish-result{min-height:0;padding:18px;grid-template-columns:auto 1fr;gap:12px}
.modal-card .publish-result button,.modal-card .publish-result>a{grid-row:2}
.modal-card .publish-result button{grid-column:1/2}
.modal-card .publish-result>a{grid-column:2/3;justify-self:start}

/* Personal center */
.account-card{width:min(920px,100%)}
.account-heading{margin-bottom:14px}
.my-sites-summary{display:flex;gap:10px;margin-bottom:12px}
.my-sites-summary span{border:1px solid #dcebea;background:#f6fbfb;border-radius:10px;padding:8px 11px;color:#758f90;font-size:9px}
.my-sites-summary b{color:#087f7b;font-size:13px}
.my-sites-summary i{color:#3e84d0;margin-right:3px}
.my-sites-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:56vh;overflow:auto;padding:2px 5px 2px 2px}
.my-site-item{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr auto;align-items:start;gap:10px 12px;min-height:174px;border:1px solid #dbe9e8;border-radius:16px;padding:16px;background:linear-gradient(145deg,#fff 0%,#f8fcfc 100%);box-shadow:0 8px 24px rgba(32,91,90,.06);text-align:left}
.my-site-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#e4f6f3,#d9efed);color:#079792;font-size:18px}
.my-site-main{min-width:0;display:flex;flex-direction:column}
.my-site-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#294f50}
.my-site-main span{display:-webkit-box;min-height:35px;margin-top:4px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#7c9394;font-size:9px;line-height:1.65}
.my-site-main small{font-size:8px;color:#9aabab;margin-top:8px}
.my-site-actions{grid-column:1/-1;display:flex;gap:8px;align-items:center;margin-top:auto;padding-top:11px;border-top:1px solid #e8f0f0}
.my-site-actions button,.my-site-actions a{flex:1;border:1px solid #cfe2e1;border-radius:9px;background:#fff;color:#21807c;padding:8px 10px;font-size:8px;text-align:center;text-decoration:none;cursor:pointer;white-space:nowrap}
.my-site-actions a{background:#098f8a;border-color:#098f8a;color:#fff}
.my-sites-empty{min-height:140px;border:1px dashed #d5e6e5;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#91a5a5;font-size:10px;text-align:center;padding:20px}
.my-sites-empty i{font-size:24px;color:#33a6a1}.my-sites-empty strong{font-size:12px;color:#547273;margin-top:5px}.my-sites-empty span{font-size:9px;margin-top:2px}

@media(max-width:900px){.workflow-tabs{grid-template-columns:repeat(2,1fr);overflow:hidden}.guide-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.workflow-tabs{grid-template-columns:repeat(2,1fr)}.guide-grid{grid-template-columns:1fr}.smart-upload{min-height:224px;padding:19px 13px}.upload-copy span{max-width:270px}.upload-actions{width:100%;flex-direction:column}.upload-actions button{width:100%}.panel-footer{align-items:flex-start;gap:12px}.panel-footer>span{line-height:1.45}.next-action{flex:0 0 auto}.publish-modal{padding:12px}.modal-card{max-height:calc(100vh - 24px);border-radius:18px;padding:20px 16px}.modal-heading{padding-right:32px}.modal-card .publish-result{grid-template-columns:1fr;text-align:center}.modal-card .result-icon{margin:auto}.modal-card .publish-result button,.modal-card .publish-result>a{grid-column:auto;grid-row:auto;justify-self:stretch;text-align:center}.my-sites-summary{flex-wrap:wrap}.my-sites-list{grid-template-columns:1fr;max-height:58vh}.my-site-item{min-height:164px}.my-site-actions button,.my-site-actions a{flex:1;text-align:center}}

/* Clear prompt and single-action upload */
.prompt-card{border:1px solid #d7e9e8;border-radius:15px;background:#f8fbfb;overflow:hidden;text-align:left}
.prompt-card-head{padding:13px 14px;display:flex;flex-direction:column;align-items:stretch;gap:11px;border-bottom:1px solid #e3eeee;background:#fff}
.prompt-card-head>div{display:flex;align-items:center;gap:10px;min-width:0}
.prompt-card-head>div>i{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:#e8f7f5;color:#079a95;font-size:16px}
.prompt-card-head span{display:flex;flex-direction:column;min-width:0}
.prompt-card-head strong{font-size:11px;color:#345f60}
.prompt-card-head small{font-size:8px;color:#8ba0a1;margin-top:1px}
.prompt-card-head button{width:100%;height:44px;flex:0 0 auto;border:0;border-radius:10px;padding:0 16px;background:linear-gradient(90deg,#0b9893,#2aaab1);color:#fff;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 8px 18px rgba(12,151,146,.13)}
.prompt-card-head button i{margin-right:5px}
.prompt-content{height:220px;min-height:0;overflow:auto;padding:14px 18px;color:#607c7d;font-size:12px;line-height:1.8;white-space:normal;scrollbar-width:thin}
.prompt-content p{margin:0 0 9px}
.prompt-content ol{margin:0;padding-left:21px}
.prompt-content li+li{margin-top:5px}
.prompt-content code{padding:1px 4px;border-radius:4px;background:#e9f5f4;color:#087f7b;font-size:.92em}
.single-upload-action{height:40px;margin-top:15px;border:0;border-radius:10px;background:linear-gradient(90deg,#0b9893,#25aaa6);color:#fff;padding:0 20px;font-size:10px;font-weight:700;cursor:pointer;box-shadow:0 8px 18px rgba(12,151,146,.12)}
.single-upload-action i{margin-right:6px}
.panel-footer{justify-content:flex-end}
.next-action:disabled,.publish-action:disabled{opacity:.55;cursor:wait}
.case-card{display:flex;flex-direction:column}
.case-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:18px}
.case-card-footer small{font-size:8px;color:#83999a}
.case-card-footer small i{color:#3b83d2;margin-right:3px}
.case-card-footer a{font-size:9px;font-weight:700;color:#0b908b;text-decoration:none}

@media(max-width:560px){.prompt-card-head{align-items:stretch}.prompt-card-head small{max-width:none}.prompt-card-head button{height:44px;padding:0 12px}.prompt-content{height:260px;min-height:0;padding:13px 14px;font-size:12px}.prompt-content ol{padding-left:19px}.single-upload-action{width:100%}.panel-footer{align-items:center}.next-action{width:100%;height:42px}.case-card-footer{padding-top:14px}}

/* Refined Tianshu identity and primary publish action */
.brand-icon{display:block;overflow:hidden;background:transparent;box-shadow:0 9px 22px rgba(7,112,120,.22)}
.brand-icon img{display:block;width:100%;height:100%}
#openPublishModal{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:11px;background:linear-gradient(90deg,#078f8d,#1aaeb0 56%,#357bd7);font-size:12px;box-shadow:0 10px 22px rgba(14,145,151,.16)}
#openPublishModal:hover{background:linear-gradient(90deg,#057f7d,#149da1 56%,#2c6fc8)}

/* Shared enterprise authentication */
body.auth-locked{overflow:hidden}
.auth-gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 18%,rgba(54,201,191,.20),transparent 31%),radial-gradient(circle at 85% 78%,rgba(54,117,214,.18),transparent 34%),rgba(242,249,249,.96);backdrop-filter:blur(16px)}
.auth-gate[hidden]{display:none}
.auth-card{width:min(430px,100%);padding:29px;border:1px solid rgba(211,230,229,.9);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 28px 80px rgba(18,73,74,.17);text-align:left}
.auth-brand{display:flex;align-items:center;gap:11px}
.auth-brand img{width:43px;height:43px;filter:drop-shadow(0 8px 14px rgba(7,117,124,.18))}
.auth-brand div{display:flex;flex-direction:column;line-height:1.25}
.auth-brand strong{font-size:18px;letter-spacing:.14em;color:#123d3e}
.auth-brand span{margin-top:3px;color:#84999a;font-size:9px;letter-spacing:.08em}
.auth-heading{margin:28px 0 22px}
.auth-heading>span{display:inline-flex;padding:4px 8px;border-radius:999px;background:#e8f6f4;color:#078f8d;font-size:8px;font-weight:700;letter-spacing:.08em}
.auth-heading h1{margin:9px 0 4px;color:#103b3c;font-size:26px;letter-spacing:-.04em}
.auth-heading p{margin:11px 0 0;color:#7f9596;font-size:10px}
.auth-form{display:grid;gap:14px}
.auth-form label>span,.account-form label>span{display:block;margin:0 0 6px 2px;color:#557374;font-size:10px;font-weight:700}
.auth-form label>div{height:46px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #d9e8e7;border-radius:11px;background:#fff}
.auth-form label>div:focus-within{border-color:#63bbb7;box-shadow:0 0 0 3px rgba(16,155,149,.08)}
.auth-form label i{color:#72a09f;font-size:14px}
.auth-form input{width:100%;border:0;outline:0;background:transparent;color:#244f50;font-size:12px}
.auth-form input::placeholder,.account-form input::placeholder{color:#a0b1b1}
.auth-error{min-height:17px;margin:-3px 2px -2px;color:#c45b58;font-size:9px}
.auth-form button,.account-form button{height:47px;border:0;border-radius:11px;background:linear-gradient(90deg,#078f8d,#19aaa9 58%,#357bd7);color:#fff;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 10px 23px rgba(17,145,149,.16)}
.auth-form button{display:flex;align-items:center;justify-content:space-between;padding:0 17px}
.auth-form button:disabled,.account-form button:disabled{opacity:.58;cursor:wait}
.auth-note{display:flex;align-items:flex-start;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid #e8f0f0;color:#8ba0a1;font-size:9px;line-height:1.65}
.auth-note i{margin-top:1px;color:#159b83;font-size:13px}
.password-card{width:min(430px,100%)}
.account-form{display:grid;gap:13px}
.account-form label{display:block;text-align:left}
.account-form input{width:100%;height:43px;padding:0 12px;border:1px solid #dce9e8;border-radius:10px;outline:0;color:#34595a;font-size:11px}
.account-form input:focus{border-color:#65bbb7;box-shadow:0 0 0 3px rgba(20,165,159,.08)}
.account-form button{margin-top:2px}

@media(max-width:560px){.auth-gate{padding:14px}.auth-card{padding:24px 20px;border-radius:21px}.auth-heading{margin:23px 0 19px}.auth-heading h1{font-size:24px}.auth-form label>div{height:47px}.auth-form button{height:48px}}