:root{color:#2d3436;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f5ef;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{scrollbar-width:none;-ms-overflow-style:none;background:#f6f5ef;min-width:1100px;margin:0}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.58;pointer-events:none;cursor:wait!important}.app-shell,.admin-shell{min-height:100vh}.topbar,.admin-topbar{background:#ffffffb8;border-bottom:1px solid #e8e5dc;justify-content:space-between;align-items:center;height:76px;padding:0 42px;display:flex}.topbar{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.brand-mark{letter-spacing:-.02em;align-items:center;gap:12px;display:flex}.brand-mark strong{font-size:17px;display:block}.brand-mark small{color:#a09b90;letter-spacing:.09em;text-transform:uppercase;margin-top:2px;font-size:10px;display:block}.brand-pixel{color:#f08e6d;font-size:27px;display:inline-block;transform:rotate(45deg)}.brand-pixel.admin{color:#6d9f8d}.top-actions,.admin-user{color:#8e8a80;align-items:center;gap:12px;font-size:12px;display:flex}.top-user{color:#56665d;text-align:left;background:#fffc;border:1px solid #e7e5dc;border-radius:12px;align-items:center;gap:8px;margin-left:10px;padding:5px 8px 5px 5px;display:flex}.top-avatar{color:#fff;background:#88b39c;border-radius:9px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.top-user-copy strong,.top-user-copy small{display:block}.top-user-copy small{color:#9a9f96;margin-top:2px;font-size:9px}.top-user-arrow{color:#a0aaa2;font-size:14px}.status-dot{background:#c2bfb5;border-radius:50%;width:7px;height:7px}.status-dot.online{background:#70b997;box-shadow:0 0 0 4px #70b99724}.link-button,.text-button,.table-action{color:#61766e;background:0 0;border:0;padding:7px;font-size:12px;font-weight:700}.link-button:hover,.text-button:hover,.table-action:hover{color:#e17d5c}.user-layout{background:radial-gradient(circle at 88% 8%,#deefe394,#0000 28%),radial-gradient(circle at 15% 82%,#fae7d86b,#0000 24%),#f6f5ef;min-height:calc(100vh - 76px);display:flex}.sidebar{scrollbar-width:none;-ms-overflow-style:none;background:#fbfaf6;border-right:1px solid #e8e5dc;flex-shrink:0;align-self:flex-start;width:248px;height:calc(100vh - 76px);padding:28px 18px;position:sticky;top:76px;overflow-y:auto}.sidebar::-webkit-scrollbar{width:0;height:0;display:none}.profile-card{align-items:center;gap:11px;margin:4px 10px 34px;display:flex}.avatar{color:#744f3e;background:#f3c7a5;border-radius:13px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.profile-card strong{font-size:13px;display:block}.profile-card span{color:#a7a198;margin-top:5px;font-size:11px;display:block}.side-nav{gap:22px;display:grid}.nav-group{gap:5px;display:grid}.nav-group-title{color:#b1aca2;letter-spacing:.14em;padding:0 14px 5px;font-size:9px;font-weight:800}.side-nav button,.admin-sidebar button{color:#8b887f;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;padding:13px 14px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.side-nav button:hover,.side-nav button.active{color:#3d524b;background:#edf4ef}.side-nav button.active{box-shadow:inset 3px 0 #78ad91}.side-nav button .nav-icon{fill:none;stroke:#9ba89f;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;flex:0 0 19px;width:19px;height:19px;transition:all .2s}.side-nav button:hover .nav-icon,.side-nav button.active .nav-icon{stroke:#69a58c}.user-sidebar{flex-direction:column;display:flex}.sidebar-account-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:auto 0 0;padding-top:12px;display:grid}.sidebar-account-card{color:#687d6d;text-align:center;cursor:pointer;background:#fff;border:1px solid #e5ebe4;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:42px;padding:6px 7px;transition:background .16s,border-color .16s,transform .16s;display:flex}.sidebar-account-card svg{fill:none;stroke:#7ca18a;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;flex:0 0 15px;width:15px;height:15px}.sidebar-account-card strong{color:#5e7263;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.sidebar-account-card:hover{background:#f8fbf8;border-color:#d5e5d8;transform:translateY(-1px)}.sidebar-account-card.logout{color:#8b8179;background:#fbfaf8;border-color:#ebe7e2}.sidebar-account-card.logout svg{stroke:#a1958a}.sidebar-account-card.logout strong{color:#837b74}.topbar .marketing-service-menu,.topbar .logout-button{display:none}.main-content{flex:1;width:auto;min-width:0;margin:0;padding:44px clamp(36px,4vw,84px) 80px}.eyebrow{color:#9b9488;letter-spacing:.17em;font-size:10px;font-weight:800}.main-content h1{letter-spacing:-.05em;margin:10px 0;font-size:35px;line-height:1.1}.main-content h2{letter-spacing:-.04em;margin:8px 0 0;font-size:23px}.main-content p{color:#979187;font-size:13px;line-height:1.7}.hero-panel{background:#e8f1e9;border-radius:26px;justify-content:space-between;align-items:center;min-height:345px;padding:54px 62px;display:flex;position:relative;overflow:hidden}.hero-panel h1{font-size:43px}.hero-panel h1 em{color:#e78b69;font-style:normal}.hero-panel p{max-width:390px}.hero-art{place-items:center;width:290px;height:240px;display:grid;position:relative}.hero-grid{grid-template-columns:repeat(6,27px);gap:5px;display:grid;transform:rotate(-10deg)}.hero-grid i{border-radius:6px;width:27px;height:27px;display:block;box-shadow:inset 2px 2px #ffffff4d,1px 2px 3px #3c463c1a}.hero-grid .p0{background:#f3b59f}.hero-grid .p1{background:#f6d67b}.hero-grid .p2{background:#8fc4ad}.hero-grid .p3{background:#879bc9}.hero-grid .p4{background:#c4a1bd}.hero-grid .p5{background:#f0e7c8}.hero-caption{color:#98b0a0;letter-spacing:.17em;font-size:10px;position:absolute;bottom:8px;right:2px}.primary-button,.secondary-button,.outline-button{border:0;border-radius:10px;padding:12px 18px;font-size:12px;font-weight:800;transition:all .2s}.primary-button{color:#fff;background:#3f665b;box-shadow:0 7px 16px #3f665b29}.primary-button:hover{background:#2f5147;transform:translateY(-1px)}.primary-button span{margin-left:13px}.secondary-button{color:#52645f;background:#edf3ee}.outline-button{color:#64766f;background:0 0;border:1px solid #d7d8cc}.outline-button:hover,.secondary-button:hover{background:#e2eee7}.full{width:100%}.section-head{justify-content:space-between;align-items:end;margin:44px 0 18px;display:flex}.section-head.compact{margin-top:42px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.quick-card{text-align:left;border:0;border-radius:18px;min-height:142px;padding:24px;transition:all .2s;position:relative}.quick-card:hover{transform:translateY(-3px)}.quick-card span{font-size:25px;display:block}.quick-card strong{margin-top:14px;font-size:14px;display:block}.quick-card small{color:#8f8b84;margin-top:6px;font-size:11px;display:block}.quick-card b{font-size:17px;position:absolute;bottom:18px;right:21px}.peach{color:#7e5b4f;background:#f9e7dc}.coral{color:#915c5b;background:#f7e1e0}.mint{color:#527c6e;background:#e0efea}.lavender{color:#6f6786;background:#e8e4f2}.blue{color:#557386;background:#e0ebf2}.gold{color:#806d46;background:#f5edd5}.template-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.template-grid.large{grid-template-columns:repeat(4,1fr)}.template-card{text-align:left;background:#fff;border:0;border-radius:17px;padding:0;transition:all .2s;overflow:hidden;box-shadow:0 5px 18px #5753450a}.template-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #5753451a}.template-thumb{place-items:center;height:180px;display:grid;position:relative;overflow:hidden}.large .template-thumb{height:210px}.thumb-cat{background:#f4dfc0}.thumb-flower{background:#e5e7f1}.thumb-bear{background:#f5dcc9}.thumb-city{background:#b7c2dd}.mini-art{border:10px solid #ffffffa6;width:76px;height:76px;transform:rotate(-12deg);box-shadow:18px 11px #5b423e38,-20px 17px #6491833d,0 0 0 1px #fff9}.thumb-flower .mini-art{border-color:#e783a1;border-radius:50%;box-shadow:21px -19px #f7ca7a,-25px 17px #8bb69b,0 0 0 2px #ffffff80}.thumb-bear .mini-art{border-color:#b88765;border-radius:24px;box-shadow:17px 9px #6f4d42,-17px 9px #6f4d42,0 0 0 2px #f5e2bc}.thumb-city .mini-art{border-width:14px 8px;border-color:#d8e0f3;box-shadow:22px 12px #53648d,-22px 19px #7e8fb1,0 0 0 1px #ffffff80}.member-tag{color:#d29a2e;filter:drop-shadow(0 1px 1px #9765134d);background:0 0;border-radius:0;width:18px;height:18px;padding:0;font-size:0;position:absolute;top:12px;right:12px}.member-tag:after{content:"♛";text-align:center;font-size:18px;line-height:18px;display:block}.template-info{padding:15px 16px 17px}.template-info strong{font-size:13px;display:block}.template-info span{color:#a09a91;margin-top:7px;font-size:11px;display:block}.recommended-tag{z-index:2;color:#fff;background:#6c9d82;border-radius:7px;padding:4px 7px;font-size:10px;font-weight:800;position:absolute;top:12px;left:12px;box-shadow:0 3px 8px #3d634c29}.page-heading{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.page-heading-actions{align-items:center;gap:12px;display:flex}.quota-chip,.secure-badge{color:#7a806f;background:#eef2df;border-radius:99px;padding:8px 12px;font-size:11px;font-weight:800}.search-box{color:#a29e94;background:#fff;border:1px solid #dfded5;border-radius:10px;align-items:center;gap:9px;padding:10px 13px;display:flex}.search-box input{color:#4f5750;background:0 0;border:0;outline:none;width:150px;font-size:12px}.filter-row{align-items:center;gap:9px;margin-bottom:24px;display:flex}.filter{color:#928d84;background:0 0;border:1px solid #e1dfd6;border-radius:99px;padding:8px 15px;font-size:11px}.filter.active{color:#fff;background:#739a8b;border-color:#739a8b}.filter-count{color:#a19a90;margin-left:auto;font-size:11px}.generator-workspace{background:#fbfaf7;border:1px solid #e4e2d8;border-radius:19px;grid-template-columns:245px minmax(430px,1fr) 230px;min-height:650px;display:grid;overflow:hidden}.settings-panel,.result-panel{background:#fff;padding:22px 19px}.settings-panel{border-right:1px solid #e7e5dc}.result-panel{border-left:1px solid #e7e5dc}.panel-section{border-bottom:1px solid #f0eee7;margin-bottom:19px;padding-bottom:21px}.panel-section h3{color:#aaa39a;letter-spacing:.1em;margin:0 0 12px;font-size:10px}.panel-section h3 span{color:#4c5850;letter-spacing:0;margin-left:6px;font-size:12px}.upload-box{color:#aaa59a;text-align:center;cursor:pointer;border:1px dashed #d6d4c9;border-radius:12px;place-items:center;min-height:125px;display:grid;position:relative;overflow:hidden}.upload-box input{display:none}.upload-box strong{text-overflow:ellipsis;white-space:nowrap;color:#5f675e;max-width:180px;font-size:11px;overflow:hidden}.upload-box small{font-size:9px}.upload-icon{color:#83ad98;font-size:28px}.upload-preview{opacity:.45;background-position:50%;background-size:cover;position:absolute;inset:0}.upload-preview+strong,.upload-preview+strong+small{z-index:1;position:relative}.segmented{border:1px solid #e7e5db;border-radius:8px;display:flex;overflow:hidden}.segmented button{color:#a09b92;background:#fff;border:0;flex:1;padding:8px 4px;font-size:10px}.segmented button.selected{color:#4f7265;background:#edf5ef;font-weight:800}.field{color:#59645c;background:#fff;border:1px solid #deddd3;border-radius:8px;outline:none;width:100%;margin-top:9px;padding:9px;font-size:11px}.field-help{color:#aaa49b;margin-top:8px;font-size:10px;line-height:1.5;display:block}.merge-options{gap:6px;display:grid}.merge-options button{text-align:left;background:#fff;border:1px solid #e4e1d8;border-radius:8px;padding:7px 9px}.merge-options button.selected{background:#f0f7f1;border-color:#8db5a2}.merge-options b{color:#647067;font-size:10px;display:block}.merge-options small{color:#aca69c;font-size:9px}.canvas-panel{background:#f1f0ea;flex-direction:column;display:flex}.canvas-toolbar,.canvas-footer{color:#99948a;background:#fbfaf7;justify-content:space-between;align-items:center;padding:13px 17px;font-size:10px;display:flex}.canvas-toolbar>div{align-items:center;gap:9px;display:flex}.canvas-toolbar button{color:#8e8b82;background:0 0;border:0;font-size:10px}.canvas-stage{flex:1;place-items:center;padding:25px;display:grid;overflow:auto}.empty-canvas{color:#aaa69c;place-items:center;gap:7px;display:grid}.empty-canvas strong{color:#777d73;font-size:13px}.empty-canvas span{font-size:11px}.empty-spark{color:#76a38e;background:#e4efe6;border-radius:17px;place-items:center;width:55px;height:55px;font-size:24px;display:grid}.canvas-footer{border-top:1px solid #e5e2d8}.pattern-canvas-wrap{background:#fff;border-radius:10px;max-width:100%;padding:25px;overflow:auto;box-shadow:0 8px 22px #5a5a4a1a}.canvas-ruler{color:#aaa79e;margin-bottom:5px;font-size:9px}.pattern-canvas{border:1px solid #8d8b80;flex-wrap:wrap;align-content:flex-start;display:flex}.pattern-cell{color:#2828288c;border-bottom:1px solid #50504b26;border-right:1px solid #50504b26;place-items:center;font-size:6px;display:inline-grid}.result-title{justify-content:space-between;align-items:center;display:flex}.result-title h3{margin:0;font-size:14px}.result-title span{color:#aaa49a;font-size:10px}.stats-row{border-bottom:1px solid #efede6;grid-template-columns:repeat(3,1fr);gap:6px;padding:18px 0;display:grid}.stats-row div{text-align:center}.stats-row strong{color:#53695f;font-size:16px;display:block}.stats-row small{color:#aaa59c;margin-top:3px;font-size:9px;display:block}.material-list{margin:17px 0 26px}.material-row{border-bottom:1px solid #f2f0ea;align-items:center;gap:8px;padding:8px 0;display:flex}.material-row i{border:1px solid #00000014;border-radius:5px;width:18px;height:18px}.material-row span{flex:1}.material-row b,.material-row small{display:block}.material-row b{color:#636b61;font-size:10px}.material-row small{color:#aaa49c;margin-top:2px;font-size:9px}.material-row>strong{color:#6b756c;font-size:11px}.result-empty{color:#aaa69c;padding:28px 0;font-size:11px;line-height:1.7}.inventory-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:23px;display:grid}.inventory-summary>div{background:#fff;border-radius:15px;padding:19px 22px}.inventory-summary span,.inventory-summary small{color:#aaa399;font-size:11px;display:block}.inventory-summary strong{color:#516a5f;margin:7px 12px 4px 0;font-size:26px;display:inline-block}.inventory-summary.warning strong{color:#d58c66}.inventory-toolbar{justify-content:space-between;margin-bottom:13px;display:flex}.inventory-table,.admin-card{background:#fff;border:1px solid #e7e4db;border-radius:15px;overflow:hidden}.table-head,.table-row{grid-template-columns:2fr 1fr 1fr 1fr 1.2fr;align-items:center;padding:14px 20px;display:grid}.table-head{color:#aca69b;background:#fbfaf6;font-size:10px}.table-row{color:#697269;border-top:1px solid #f0eee8;font-size:12px}.color-cell{align-items:center;gap:9px;display:flex}.color-cell i{border:1px solid #ddd;border-radius:6px;width:20px;height:20px}.color-cell b{font-size:11px}.color-cell small{color:#aaa49b;font-size:10px}.status-ok,.status-warn{font-size:11px;font-weight:800}.status-ok{color:#6b9a7e}.status-warn{color:#db8c65}.inventory-selection-toolbar{color:#7d8b82;background:#fbfdfb;border:1px solid #e7eee8;border-radius:11px;align-items:center;gap:14px;min-height:44px;margin:18px 0 10px;padding:8px 14px;font-size:11px;display:flex}.inventory-selection-toolbar label{color:#5f7267;align-items:center;gap:7px;font-weight:700;display:inline-flex}.inventory-selection-toolbar>span{color:#97a39a}.inventory-selection-toolbar .table-action{border-radius:7px;margin-left:auto;padding:6px 8px}.inventory-select{align-items:center;display:inline-flex}.inventory-select input,.inventory-selection-toolbar input{accent-color:#6e9b82;cursor:pointer;width:15px;height:15px}.inventory-table .table-head,.inventory-table .table-row{grid-template-columns:minmax(200px,2fr) .8fr 1fr .8fr 1fr 140px;gap:12px}.inventory-table{scrollbar-width:none;-ms-overflow-style:none;max-height:min(560px,100vh - 320px);overflow:auto}.inventory-table::-webkit-scrollbar{width:0;height:0;display:none}.inventory-table .table-head{z-index:2;position:sticky;top:0;box-shadow:0 1px #e7e4db}.inventory-table .table-action{white-space:nowrap;padding:6px 3px;font-size:10px}.inventory-table .table-action:disabled{color:#c6ccc7;cursor:not-allowed;background:0 0}.inventory-row-actions{align-items:center;gap:6px;min-width:0;display:flex}.inventory-row-actions .table-action{flex:1}.inventory-selection-toolbar .table-action.danger,.inventory-row-actions .table-action.danger{color:#b7473d;background:0 0;border-radius:7px}.inventory-selection-toolbar .table-action.danger:hover,.inventory-row-actions .table-action.danger:hover{color:#9f392f;background:#fff0ed}.inventory-warning-cell{justify-content:flex-start;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.inventory-warning-cell .field{width:68px;min-width:0;padding:7px 8px;font-size:11px}.inventory-warning-cell .table-action{color:#5c8975;white-space:nowrap;padding:6px 4px}.inventory-warning-value{color:#697269;white-space:nowrap;font-size:12px}.inventory-warning-cell .warning-cancel{color:#9b9287}.inventory-empty-state{min-height:260px;box-shadow:none;border:0;border-radius:0;margin:0}.inventory-empty-art{background:#eef7f0!important}.inventory-empty-art i:nth-child(3n){background:#a9d3b6!important}.inventory-empty-art i:nth-child(4n){background:#f0c8a9!important}.inventory-empty-art i:nth-child(7n){background:#c5bde0!important}.member-hero{background:#edf4ee;border-radius:20px;justify-content:space-between;align-items:center;min-height:200px;padding:30px 38px;display:flex}.member-hero h2{font-size:28px}.member-hero p{max-width:550px}.member-orbit{color:#7aa38c;border:1px solid #aac9b2;border-radius:50%;place-items:center;width:120px;height:120px;font-size:58px;display:grid;transform:rotate(20deg)}.product-cards{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px;display:grid}.product-card{background:#fff;border:1px solid #e6e3d9;border-radius:16px;padding:22px}.product-platform{color:#9b9489;font-size:10px}.product-card h3{margin:14px 0 8px;font-size:14px}.product-card>strong{color:#4e7567;font-size:24px;display:block}.product-card small{color:#a6a096;margin:5px 0 19px;font-size:10px;display:block}.toast{z-index:200;color:#fff;text-align:center;background:#344a43f5;border:1px solid #ffffff2e;border-radius:12px;width:min(420px,100vw - 48px);padding:15px 22px;font-size:12px;line-height:1.6;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 40px #1e2d2840}.user-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2f373261;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.user-modal{scrollbar-width:none;-ms-overflow-style:none;background:#fffdf9;border:1px solid #e6dfd4;border-radius:20px;max-height:min(760px,100vh - 44px);padding:26px;position:relative;overflow:auto;box-shadow:0 26px 80px #32362f38}.user-modal::-webkit-scrollbar{width:0;height:0;display:none}.user-modal h2{color:#3f5048;letter-spacing:-.04em;margin:7px 0 17px;font-size:22px}.user-modal-close{color:#8b887f;cursor:pointer;background:0 0;border:0;border-radius:50%;width:30px;height:30px;font-size:24px;line-height:1;position:absolute;top:12px;right:14px}.user-modal-close:hover{color:#df8061;background:#f6eee7}.user-modal-body{color:#747d74;font-size:12px;line-height:1.7}.user-modal-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.user-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.user-form-grid label{color:#7d897f;font-size:11px}.user-form-grid .field{margin-top:7px}.user-form-grid .full-field{grid-column:1/-1}.batch-inventory-field small{color:#99a49b;margin-top:7px;font-size:11px;line-height:1.6;display:block}.batch-inventory-input{resize:vertical;min-height:190px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.7}.batch-inventory-form{gap:16px;display:grid}.batch-inventory-meta{grid-template-columns:minmax(0,1fr) 180px minmax(260px,1.35fr);align-items:end;gap:12px;display:grid}.batch-inventory-meta label{color:#7d897f;font-size:11px}.batch-inventory-meta .field{margin-top:7px}.batch-inventory-tip{color:#708176;background:#f7fbf7;border:1px solid #e5ece5;border-radius:10px;padding:11px 13px;font-size:11px;line-height:1.5}.batch-inventory-table{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;background:#fbfdfb;border:1px solid #e5ece5;border-radius:12px;max-height:min(360px,42vh);overflow:auto}.batch-inventory-table::-webkit-scrollbar{width:0;height:0;display:none}.canvas-stage,.pattern-canvas-wrap,.palette-user-modal{scrollbar-width:none;-ms-overflow-style:none}.canvas-stage::-webkit-scrollbar{width:0;height:0;display:none}.pattern-canvas-wrap::-webkit-scrollbar{width:0;height:0;display:none}.palette-user-modal::-webkit-scrollbar{width:0;height:0;display:none}.batch-inventory-head,.batch-inventory-row{grid-template-columns:1.05fr 1fr 1.25fr 58px;align-items:center;gap:9px;min-width:560px;padding:9px 11px;display:grid}.batch-inventory-head{z-index:1;color:#9aa69c;background:#f5f9f5;font-size:10px;position:sticky;top:0}.batch-inventory-row{border-top:1px solid #edf1ed}.batch-inventory-row .field{width:100%;min-width:0;margin-top:0;padding:9px 10px}.batch-inventory-row .table-action{padding:6px 3px;font-size:10px}.batch-add-row{justify-self:start;padding:9px 13px}.batch-inventory-help{color:#99a49b;margin:-5px 0 0;font-size:11px;line-height:1.6}.inventory-consume-form{gap:16px;display:grid}.inventory-consume-form label{color:#718077;gap:7px;font-size:11px;display:grid}.inventory-consume-form>p{color:#99a49b;margin:0;font-size:11px;line-height:1.6}.inventory-consume-item{background:#f7fbf7;border:1px solid #e5ece5;border-radius:11px;align-items:center;gap:11px;padding:12px 14px;display:flex}.inventory-consume-item i{border:1px solid #4c5f522e;border-radius:8px;flex:none;width:28px;height:28px}.inventory-consume-item strong,.inventory-consume-item small{display:block}.inventory-consume-item strong{color:#52695b;font-size:13px}.inventory-consume-item small{color:#8e9c92;margin-top:3px;font-size:11px}.user-confirm-message{color:#69746c;margin:0;line-height:1.8}.danger-button{color:#fff!important;background:#d98269!important}.user-pagination{color:#9aa39b;justify-content:flex-end;align-items:center;gap:6px;margin-top:16px;font-size:11px;display:flex}.user-pagination button{color:#6f7c72;cursor:pointer;background:#fff;border:1px solid #e2e5dc;border-radius:8px;min-width:29px;height:29px;padding:0 8px;font-size:11px}.user-pagination button:hover:not(:disabled),.user-pagination button.active{color:#4c7661;background:#edf5ef;border-color:#9fc0a9;font-weight:800}.user-pagination button:disabled{cursor:not-allowed;opacity:.45}.pagination-ellipsis{padding:0 2px}.admin-topbar{background:#fff}.admin-layout{min-height:calc(100vh - 76px);display:flex}.admin-sidebar{background:#263a36;flex-shrink:0;width:230px;padding:28px 16px}.admin-label{color:#81978f;letter-spacing:.16em;margin:0 12px 16px;font-size:9px;font-weight:800}.admin-sidebar button{color:#aec0ba;width:100%}.admin-sidebar button span{color:#7e9a90}.admin-sidebar button.active,.admin-sidebar button:hover{color:#fff;background:#3c5b50}.admin-sidebar button.active span{color:#f6d38a}.admin-sidebar-bottom{color:#94ada3;border-top:1px solid #ffffff1f;margin:170px 12px 0;padding-top:20px;font-size:11px}.admin-sidebar-bottom small{color:#668078;margin-top:6px;display:block}.admin-main{background:#f6f7f4;flex:1;padding:43px 54px 80px}.admin-heading{justify-content:space-between;align-items:end;margin-bottom:32px;display:flex}.admin-heading h1{letter-spacing:-.04em;margin:9px 0 0;font-size:30px}.admin-heading p{color:#9ca49e;margin:8px 0 0;font-size:12px}.admin-heading-actions{gap:8px;display:flex}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.metric-card{background:#fff;border:1px solid #e6e9e2;border-radius:14px;padding:21px 22px}.metric-card span,.metric-card small{color:#9fa69f;font-size:11px;display:block}.metric-card strong{color:#41564d;margin:10px 0 7px;font-size:28px;display:block}.metric-card .up{color:#6f9d81}.metric-card .down{color:#d69a70}.admin-grid-two{grid-template-columns:1.3fr 1fr;gap:17px;margin-bottom:17px;display:grid}.admin-card{padding:22px}.card-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.card-title h3{margin:0;font-size:14px}.card-title p,.card-title>span{color:#a5aaa3;font-size:10px}.card-title p{margin:6px 0 0}.chart-placeholder{border-bottom:1px solid #eceee9;justify-content:space-around;align-items:end;height:185px;margin-top:24px;padding:0 12px;display:flex}.bar{background:#9fc8b2;border-radius:7px 7px 0 0;width:26px;min-height:12px;position:relative}.bar:nth-child(2n){background:#e9b492}.bar small{color:#aeb1aa;white-space:nowrap;font-size:9px;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.donut-wrap{justify-content:center;align-items:center;gap:38px;min-height:214px;display:flex}.donut{border:18px solid #9fc8b2;border-color:#9fc8b2 #e9b492 #baaed4 #9fc8b2;border-radius:50%;align-content:center;place-items:center;width:145px;height:145px;display:grid}.donut strong{color:#53695f;font-size:26px}.donut span{color:#a0a79f;font-size:10px}.legend{color:#8e988f;gap:13px;font-size:11px;display:grid}.dot{border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.dot.peach{background:#e9b492}.dot.mint{background:#9fc8b2}.dot.purple{background:#baaed4}.activity-list{gap:16px;margin-top:22px;display:grid}.activity-list>div{color:#65736c;align-items:flex-start;gap:12px;font-size:12px;display:flex}.activity-list i{color:#699c83;background:#eaf3ec;border-radius:8px;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.activity-list small{color:#a5aaa2;margin-top:5px;font-size:10px;display:block}.admin-page{min-height:500px}.table-tools{justify-content:space-between;margin-bottom:20px;display:flex}.tool-actions{gap:8px;display:flex}.admin-table-head,.admin-table-row{grid-template-columns:1.5fr .8fr 1.25fr 1fr .7fr .8fr 1fr;align-items:center;gap:12px;padding:15px 18px;display:grid}.admin-table-head{color:#a2a9a2;background:#fafbf9;font-size:10px}.admin-table-row{color:#6c776f;border-top:1px solid #eff1ed;font-size:11px}.admin-table-row>span:first-child b,.admin-table-row>span:first-child small{display:block}.admin-table-row>span:first-child b{color:#45584f;font-size:12px}.admin-table-row>span:first-child small{color:#a8afa8;margin-top:4px;font-size:9px}.soft-tag{color:#879087;background:#f0f2ef;border-radius:7px;padding:6px 7px;font-size:10px;display:inline-block}.soft-tag.member{color:#8d6c48;background:#faf0db}.palette-admin-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:22px;display:grid}.palette-admin-card{border:1px solid #edf0eb;border-radius:11px;padding:15px}.palette-strip{border-radius:8px;height:30px;margin-bottom:13px;display:flex;overflow:hidden}.palette-strip i{flex:1}.palette-strip span{color:#a7ada7;background:#f1f3ef;place-items:center;width:100%;font-size:10px;display:grid}.palette-admin-card strong,.palette-admin-card small{display:block}.palette-admin-card strong{color:#5b685f;font-size:12px}.palette-admin-card small{color:#a3aba4;margin:5px 0 9px;font-size:10px}.admin-template-list{margin-top:22px}.admin-template-row{border-top:1px solid #edf0eb;align-items:center;gap:15px;padding:12px 0;display:flex}.admin-thumb{border-radius:9px;place-items:center;width:50px;height:50px;display:grid;overflow:hidden}.admin-thumb .mini-art{border-width:4px;width:23px;height:23px;box-shadow:7px 4px #5b423e38,-7px 5px #6491833d}.admin-template-row>div:nth-child(2){flex:1}.admin-template-row strong,.admin-template-row small{display:block}.admin-template-row strong{color:#4f5c54;font-size:12px}.admin-template-row small{color:#a5aca5;margin-top:5px;font-size:10px}.table-action.danger{color:#c58a73}.empty-admin{text-align:center;place-items:center;min-height:380px;display:grid}.empty-admin h3{margin:18px 0 7px}.empty-admin p{color:#a1a8a0;font-size:12px}.page-enter{animation:.25s both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.inline-form{background:#f7fbf7;border:1px solid #e5ece5;border-radius:12px;align-items:center;gap:9px;margin:-8px 0 18px;padding:13px;display:flex}.inline-form .field{flex:1;min-width:0;margin-top:0}.cdk-panel{background:#fffdf8;border:1px solid #e7e3d9;border-radius:13px;align-items:center;gap:10px;margin-top:20px;padding:15px 18px;display:flex}.cdk-panel strong{white-space:nowrap;color:#69736b;font-size:12px}.cdk-panel .field{flex:1;margin-top:0}.inventory-toolbar .segmented{max-width:520px}.inventory-toolbar .segmented button{min-width:64px}.cdk-config{background:#fbfcfa;border:1px solid #edf0eb;border-radius:12px;align-items:end;gap:12px;margin-top:24px;padding:18px;display:flex}.cdk-config label{color:#8e998f;flex:1;font-size:10px}.cdk-config .field{margin-top:7px}.generated-cdks{border-top:1px solid #edf0eb;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;padding-top:18px;display:grid}.generated-cdks-head{color:#64736a;grid-column:1/-1;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:12px;display:flex}.generated-cdks code{color:#5c6d62;background:#f2f6f1;border-radius:7px;padding:9px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.cdk-empty{color:#a4aca5;background:#fafbf9;border-radius:10px;margin-top:22px;padding:20px;font-size:11px}.manual-grant{background:#fffdf7;border:1px solid #efe9db;border-radius:12px;align-items:end;gap:10px;margin-bottom:23px;padding:15px;display:flex}.manual-grant>div{flex:1.4}.manual-grant strong,.manual-grant small{display:block}.manual-grant strong{color:#56675c;font-size:12px}.manual-grant small{color:#a69f91;margin-top:5px;font-size:10px}.manual-grant .field{flex:.65;min-width:80px;margin-top:0}.design-list{background:#fff;border:1px solid #e7e4db;border-radius:15px;overflow:hidden}.design-row{border-top:1px solid #f0eee8;align-items:center;gap:14px;padding:14px 18px;display:flex}.design-row:first-child{border-top:0}.design-preview{color:#6e9b82;background:linear-gradient(135deg,#f9dfca,#dcecdf);border-radius:10px;place-items:center;width:52px;height:52px;font-size:21px;display:grid}.design-preview.has-image{background:#f7faf7;overflow:hidden}.design-preview img{object-fit:contain;width:100%;height:100%;display:block}.design-copy{flex:1}.design-copy strong,.design-copy small{display:block}.design-copy strong{color:#52635a;font-size:13px}.design-copy small{color:#a4aaa2;margin-top:5px;font-size:10px}.user-empty{min-height:370px}.settings-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:24px;display:grid}.settings-grid label{color:#7d897f;font-size:11px}.settings-grid .field{margin-top:7px}.setting-toggle{background:#fbfcfa;border:1px solid #edf0eb;border-radius:9px;justify-content:space-between;align-items:center;padding:12px;display:flex}.setting-toggle input{accent-color:#6c9e82;width:18px;height:18px}.admin-inventory{margin-top:20px}.record-table .admin-table-head,.record-table .admin-table-row{grid-template-columns:1.3fr .8fr 1fr 1fr 1fr .8fr}.custom-size{align-items:center;gap:5px;display:flex}.custom-size .field{min-width:0}.custom-size span{color:#aaa59c}.edit-swatches{flex-wrap:wrap;gap:6px;display:flex}.edit-swatches button{border:2px solid #fff;border-radius:6px;width:22px;height:22px;box-shadow:0 0 0 1px #dcdcd4}.edit-swatches button.selected{box-shadow:0 0 0 2px #5d8e77}.edit-tools{grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:9px;display:grid}.edit-tools button{color:#7e857d;background:#fff;border:1px solid #e4e1d8;border-radius:7px;padding:7px 4px;font-size:10px}.edit-tools button.selected{color:#4f7265;background:#edf5ef;border-color:#8db5a2;font-weight:700}.generator-page .editor-tools-panel .edit-tools{grid-template-columns:minmax(0,.85fr) minmax(0,.85fr) minmax(92px,1.5fr)}.generator-page .editor-tools-panel .edit-tools button[title^=填充同色区]{padding-right:23px}.area-edit-actions{background:#f8fcf8;border-left:3px solid #b7d4bd;border-radius:2px;padding:7px 0 7px 9px}.action-group-label{color:#6f8d7b;white-space:nowrap;font-size:10px;font-weight:800}.inventory-events-card{scrollbar-width:none;-ms-overflow-style:none;max-height:min(460px,100vh - 280px);margin-top:16px;overflow-y:auto}.inventory-events-card::-webkit-scrollbar{width:0;height:0;display:none}.event-row{color:#68746c;border-top:1px solid #eff1ed;grid-template-columns:1.5fr auto 1fr;align-items:center;gap:12px;padding:11px 0;font-size:11px;display:grid}.event-row small{color:#a5aaa3;text-align:right;font-size:10px}.product-edit-panel{background:#fbfcfa;border:1px solid #edf0eb;border-radius:11px;align-items:end;gap:9px;margin:22px 0;padding:14px;display:flex}.product-edit-panel .field{flex:1;min-width:80px;margin-top:0}.product-enabled{color:#738075;white-space:nowrap;align-items:center;gap:5px;height:35px;padding:0 9px;font-size:11px;display:flex}.product-enabled input{accent-color:#6c9e82}.admin-login-shell{background:#263a36;place-items:center;min-height:100vh;display:grid}.admin-login-card{background:#fff;border-radius:20px;gap:12px;width:360px;padding:36px;display:grid;box-shadow:0 24px 70px #00000038}.admin-login-card .brand-pixel{margin:0 auto 8px}.admin-login-card .eyebrow{text-align:center}.admin-login-card h1{color:#34463e;text-align:center;margin:0;font-size:25px}.admin-login-card p{color:#9aa39b;text-align:center;margin:0 0 8px;font-size:11px;line-height:1.6}.admin-login-card .field{margin-top:0}.admin-login-card .link-button,.admin-login-card .text-button{justify-self:center}.content-form{background:#fbfcfa;border:1px solid #edf0eb;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0;padding:16px;display:grid}.content-form .field{margin-top:0}.content-form .code-input{resize:vertical;min-height:110px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.content-form .primary-button{justify-self:start}.file-field{color:#859188;background:#fff;border:1px dashed #d8ded7;border-radius:8px;align-items:center;gap:8px;padding:9px;font-size:10px;display:flex}.file-field input{max-width:160px;font-size:10px}.template-form{grid-template-columns:repeat(3,1fr)}.template-form .code-input,.template-form .primary-button{grid-column:1/-1}@media (width<=1180px){body{min-width:1024px}.main-content{padding-left:30px;padding-right:30px}.generator-workspace{grid-template-columns:220px minmax(380px,1fr) 200px}.admin-main{padding-left:30px;padding-right:30px}}@media (width>=1400px){.generator-page .generator-workspace{grid-template-columns:300px minmax(430px,1fr) 220px;height:calc(100vh - 205px);min-height:0}.generator-page .settings-panel{flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:0;display:flex;overflow:hidden}.generator-page .settings-scroll-content{flex:auto;min-height:0;padding:16px 13px;overflow:hidden auto}.generator-page .settings-panel .panel-section{min-width:0;margin-bottom:10px;padding-bottom:10px}.generator-page .settings-panel .panel-section h3{margin-bottom:8px}.generator-page .settings-panel .panel-section:first-child,.generator-page .settings-panel .panel-section:nth-child(2),.generator-page .settings-panel .panel-section:nth-child(3),.generator-page .settings-panel .panel-section:nth-child(4),.generator-page .settings-panel .panel-section:nth-child(5),.generator-page .settings-panel .panel-section:nth-child(6){grid-column:1}.generator-page .generate-action-dock{grid-column:1/-1;align-self:stretch;width:100%;margin-top:0}.generator-page .upload-box{min-height:92px}.generator-page .image-tools{gap:4px;margin-top:6px}.generator-page .image-tools .secondary-button{padding:5px 6px;font-size:10px}.generator-page .field{margin-top:6px;padding:7px}.generator-page .field-help{margin-top:5px;font-size:9px}}.material-summary{color:#66746a;background:#f8fbf8;border:1px solid #e7eee8;border-radius:10px;gap:6px;margin:12px 0;padding:10px;font-size:11px;display:grid}.material-summary span{color:#94a096}.edit-actions{gap:6px;margin-top:8px;display:flex}.edit-actions .secondary-button{flex:1;padding:8px 4px;font-size:10px}.admin-generator-preview{background:#fbfcfa;border-radius:13px;gap:14px;margin-top:18px;padding:18px;display:grid;overflow:auto}.admin-generator-preview .secondary-button{justify-self:start}.cdk-record-table{margin-top:20px}.pc-login-banner{background:#fffaf0;border:1px solid #e2d8c5;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin:18px 34px 0;padding:20px 24px;display:flex}.pc-login-banner h3{margin:5px 0}.pc-login-banner p{color:#8f897f;margin:0;font-size:12px}.pc-login-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.pc-login-actions .field{min-width:150px}.image-tools{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.image-tools .secondary-button{padding:7px 9px;font-size:11px}.image-tools span{text-align:center;color:#867f74;min-width:34px;font-size:11px}.size-preset-admin-list{gap:10px;display:grid}.size-preset-admin-row{grid-template-columns:1.2fr .7fr auto .7fr 1fr .8fr auto auto;align-items:center;gap:8px;display:grid}.size-preset-admin-row .field{min-width:0}.size-preset-admin-row label{white-space:nowrap}@media print{.topbar,.sidebar,.settings-panel,.result-panel,.canvas-toolbar,.canvas-footer,.page-heading,.toast{display:none!important}.app-shell,.user-layout,.main-content,.generator-workspace,.canvas-panel,.canvas-stage{width:auto!important;height:auto!important;box-shadow:none!important;background:#fff!important;margin:0!important;padding:0!important;display:block!important}.pattern-canvas-wrap{width:fit-content;margin:20px auto}.pattern-cell{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.inventory-toolbar{flex-wrap:wrap;gap:12px}.inventory-toolbar-main{flex:420px;align-items:center;gap:10px;min-width:0;display:flex}.inventory-search{color:#91a096;background:#fff;border:1px solid #e1e4db;border-radius:10px;flex:260px;align-items:center;gap:7px;min-width:220px;max-width:320px;padding:8px 11px;display:flex}.inventory-search input{color:#59645c;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.inventory-search input::placeholder{color:#b2b8b0}.inventory-search button{color:#8b988f;background:#edf3ed;border:0;border-radius:50%;width:18px;height:18px;padding:0;font-size:14px;line-height:18px}.inventory-toolbar-actions{align-items:center;gap:8px;display:flex}.inventory-events-card .card-title{z-index:2;background:#fff;align-items:center;padding-top:18px;position:sticky;top:0}.event-summary{color:#a5aaa3;font-size:10px}.inventory-events-card .event-row{grid-template-columns:34px minmax(0,1fr) auto;gap:12px;padding:13px 0}.event-direction{border-radius:10px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.event-direction.is-in{color:#5c9070;background:#eaf5ec}.event-direction.is-out{color:#c68168;background:#fff0e9}.event-direction.is-adjust{color:#8b7b9d;background:#f1edf8}.event-copy{min-width:0}.event-main{align-items:baseline;gap:9px;min-width:0;display:flex}.event-main strong{color:#52665a;font-size:12px}.event-main span{color:#89958c;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.event-meta{color:#a5aaa3;align-items:center;gap:8px;margin-top:5px;font-size:10px;display:flex}.event-reason{color:#71877a}.event-quantity{text-align:right;min-width:68px}.event-quantity strong,.event-quantity small{display:block}.event-quantity strong{font-size:14px}.event-quantity small{color:#a5aaa3;margin-top:3px;font-size:9px}.event-quantity.is-in strong{color:#609275}.event-quantity.is-out strong{color:#d58b6b}.event-quantity.is-adjust strong{color:#8b7b9d}.pattern-canvas{align-content:start;display:grid}.pattern-cell{min-width:0;min-height:0}.canvas-stage{padding:10px;overflow:hidden}.pattern-canvas-wrap{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:10px;display:flex;overflow:hidden}.pattern-canvas-viewport{touch-action:none;cursor:default;flex:auto;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;width:100%;min-width:0;min-height:0;display:grid;overflow:hidden}.pattern-canvas-viewport.dragging{cursor:grabbing}.pattern-board{flex:none;align-content:start;display:grid}.pattern-axis-corner{background:#edf4ee;border-bottom:1px solid #dce6dd;border-right:1px solid #dce6dd}.pattern-axis-top,.pattern-axis-left{color:#607968;background:#edf4ee;display:grid;overflow:visible}.pattern-axis-top span,.pattern-axis-left span{box-sizing:border-box;white-space:nowrap;border-bottom:1px solid #e2e9e2;border-right:1px solid #e2e9e2;justify-content:center;align-items:center;line-height:1;display:flex;overflow:visible}.pattern-canvas{flex:none}.main-content,.generator-workspace .settings-panel,.generator-page .settings-scroll-content,.generator-workspace .material-list{scrollbar-width:none}.main-content::-webkit-scrollbar{display:none}.generator-workspace .settings-panel::-webkit-scrollbar{display:none}.generator-page .settings-scroll-content::-webkit-scrollbar{display:none}.generator-workspace .material-list::-webkit-scrollbar{display:none}.processing-options{gap:6px;margin-top:8px;display:grid}.processing-option{color:#6a7169;cursor:pointer;background:#fff;border:1px solid #e7e5db;border-radius:8px;align-items:center;gap:7px;min-height:27px;padding:6px 8px;font-size:10px;display:flex}.processing-option:has(input:checked){color:#4f7265;background:#edf5ef;border-color:#9bbca5}.processing-option input{accent-color:#6c9e82;margin:0}.processing-option small{color:#8aa392;margin-left:auto;font-size:9px}.generator-page .material-replace-select{color:#5f7467;background:#fff;border:1px solid #dce8de;border-radius:6px;width:68px;min-width:68px;padding:4px 2px;font-size:9px}.generator-page .material-replace-select:focus{border-color:#84ad91;outline:2px solid #84ad9129}.generator-page .material-replace-trigger{color:#5f806b;cursor:pointer;background:#fff;border:1px solid #dce8de;border-radius:6px;justify-content:center;align-items:center;gap:3px;padding:4px 6px;font-size:9px;display:inline-flex}.generator-page .material-replace-trigger svg{fill:#d29a2e;flex:0 0 11px;width:11px;height:11px;display:block}.generator-page .material-replace-trigger:hover{color:#47765a;background:#f0f8f1;border-color:#84ad91}.generator-page .color-picker-trigger{color:#5d7466;cursor:pointer;background:#fff;border:1px solid #dce8de;border-radius:7px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;display:inline-flex}.generator-page .color-picker-trigger i{background:var(--picker-color);border:1px solid #0000001f;border-radius:5px;width:18px;height:18px}.generator-page .color-picker-trigger b{color:#7f9a89;font-size:9px}.generator-page .editor-tools-panel{display:none}.generator-page .canvas-editor-toolbar{scrollbar-width:none;background:#ffffffe6;border-bottom:1px solid #dfe9e1;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 14px;display:flex;overflow-x:hidden}.generator-page .canvas-editor-toolbar::-webkit-scrollbar{display:none}.generator-page .canvas-editor-row{flex-wrap:nowrap;flex:none;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.generator-page .canvas-editor-toolbar .edit-tools{gap:5px;margin:0;display:flex}.generator-page .canvas-editor-toolbar .edit-tools button{color:#718178;background:#fff;border:1px solid #dfe9e1;border-radius:7px;min-width:48px;padding:6px 8px;font-size:10px}.generator-page .canvas-editor-toolbar .edit-tools button[title^=填充同色区]{min-width:86px;padding-right:23px}.generator-page .canvas-editor-toolbar .edit-tools button.selected{color:#4f8065;background:#f0f8f1;border-color:#9fc5aa}.generator-page .canvas-editor-actions{gap:5px}.generator-page .canvas-editor-actions .secondary-button{border:1px solid #dce8de;padding:6px 8px;font-size:10px}.generator-page .canvas-editor-actions small{color:#8da095;font-size:10px}.generator-page .canvas-editor-toolbar .area-edit-actions{border-left:1px solid #dfe9e1;flex-wrap:wrap;flex:0 auto;gap:4px;min-width:0;padding-left:9px}.generator-page .canvas-editor-toolbar .area-edit-actions button{text-overflow:clip;white-space:nowrap;flex:0 auto;min-width:78px;min-height:31px;overflow:visible;padding:6px 21px 6px 6px!important}.generator-page .canvas-editor-help{white-space:nowrap}.generator-page .canvas-toolbar{background:#ffffffc7;border-bottom:1px solid #dfe9e1}.generator-page .canvas-toolbar>span{white-space:nowrap;flex-shrink:0}.generator-page .canvas-toolbar strong{color:#557666}.generator-page .canvas-toolbar button{border-radius:6px;padding:4px 6px}.generator-page .canvas-toolbar button:hover{color:#4f8065;background:#e8f3ea}.generator-page .fullscreen-button{color:#5f806b;background:#fff;border:1px solid #dce8de}.generator-page .fullscreen-button:hover{border-color:#84ad91}.generator-page.is-fullscreen{z-index:100;background:#edf4ef;flex-direction:column;gap:12px;min-width:0;min-height:0;padding:18px 22px 22px;display:flex;position:fixed;inset:0;overflow:hidden}.generator-page.is-fullscreen>.page-heading{display:none}.generator-page.is-fullscreen .generator-workspace{border-radius:18px;flex:auto;grid-template-columns:minmax(270px,300px) minmax(0,1fr) minmax(220px,260px);width:100%;height:auto;min-height:0}.generator-page.is-fullscreen .settings-panel,.generator-page.is-fullscreen .result-panel{min-height:0;overflow-y:auto}.generator-page.is-fullscreen .canvas-panel,.generator-page.is-fullscreen .canvas-stage{min-height:0}.generator-page.is-fullscreen .canvas-toolbar{flex:none}.generator-page.is-fullscreen .fullscreen-button{color:#fff;background:#5f9074;border-color:#5f9074}.generator-page.is-fullscreen .fullscreen-button:hover{color:#fff;background:#4d7c61;border-color:#4d7c61}.generator-page>.page-heading{margin-bottom:16px}.generator-page>.page-heading h1{margin:5px 0;font-size:29px}.generator-page>.page-heading p{margin:4px 0 0;font-size:11px;line-height:1.45}.generator-page>.page-heading .quota-chip{padding:6px 10px;font-size:10px}.main-content.generator-main-content{padding-top:20px}.generator-page .generator-workspace{background:#f3f7f3;border-color:#dfe8e0;grid-template-rows:minmax(0,1fr);box-shadow:0 16px 38px #435b4c14}.generator-page .settings-panel,.generator-page .result-panel{background:linear-gradient(#fff 0%,#fbfdfb 100%)}.generator-page .settings-panel{gap:10px 12px}.generator-page .settings-panel .panel-section{background:#ffffffe0;border:1px solid #e7eee8;border-radius:12px;padding:11px;box-shadow:0 4px 12px #465d4e09}.generator-page .settings-panel .panel-section h3{color:#8b9e91;align-items:center;gap:5px;display:flex}.generator-page .settings-panel .panel-section h3:before{content:"";background:#8fbaa1;border-radius:3px;width:3px;height:13px}.generator-page .settings-panel .panel-section h3 span{margin-left:0}.generator-page .upload-box{background:#fbfefb;border-color:#c8dbce;transition:border-color .2s,background .2s,box-shadow .2s}.generator-page .generator-source-tabs+.upload-box{margin:8px 0}.generator-page .upload-box:hover{background:#f5fbf6;border-color:#78a98c;box-shadow:0 5px 14px #5d8b6c1a}.generator-page .segmented{background:#f5f9f5;border-color:#dce8de}.generator-page .segmented button{background:0 0}.generator-page .segmented button.selected{box-shadow:0 2px 7px #5b8b6a1f}.generator-page .canvas-panel{background:#edf4ef}.generator-page .canvas-stage{background:radial-gradient(circle at 50% 42%,#ffffffe6,#ebf4ed8c 68%)}.generator-page .canvas-panel,.generator-page .canvas-stage{min-height:0}.generator-page .pattern-canvas-wrap{border:1px solid #dbe7dd;box-shadow:0 14px 30px #465b4b21}.generator-page .canvas-footer{background:#fffc;border-top-color:#dfe9e1}.generator-page .design-name-modal-field{color:#5c7263;font-size:12px;font-weight:700;display:block}.generator-page .design-name-modal-field .field{box-sizing:border-box;margin-top:9px}.generator-page .generate-action-dock{z-index:4;-webkit-backdrop-filter:blur(9px);background:#fffffffa;border-top:1px solid #e7eee8;flex:none;align-self:stretch;width:100%;margin:0;padding:14px 13px 16px;position:relative;box-shadow:0 -12px 22px #465d4e14}.generator-page .generate-action-dock .primary-button{border:1px solid #5f9074;margin:0;padding:11px 12px;box-shadow:0 7px 15px #48695224}.generator-page .generate-action-dock .primary-button.member-locked{color:#a4ada6;box-shadow:none;cursor:not-allowed;background:#f1f4f1;border-color:#dfe7e1}.generator-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:7px;display:grid}.generator-choice-grid button{color:#65766b;text-align:center;cursor:pointer;background:#fcfefc;border:1px solid #e0eae1;border-radius:7px;min-width:0;padding:6px 4px;position:relative;overflow:hidden}.generator-choice-grid button:hover{background:#f5fbf6;border-color:#a9cbb2}.generator-choice-grid button:disabled,.generator-choice-grid button.member-locked{color:#a4ada6;cursor:not-allowed;opacity:.72;background:#f5f7f5}.generator-choice-grid button:disabled:hover,.generator-choice-grid button.member-locked:hover{background:#f5f7f5;border-color:#e0eae1;transform:none}.generator-choice-grid:not(.merge-choice-grid) button.member-locked:after,.processing-option.member-locked:after,.editor-tools-panel button[title^=区域选择]:after,.editor-tools-panel button[title^=锁定或解除已选区域]:after,.editor-tools-panel button[title^=把已选区域]:after,.editor-tools-panel button[title^=选择区域内]:after,.editor-tools-panel button[title^=将整张图纸]:after,.editor-tools-panel button[title^=把当前图纸拆成]:after,.editor-tools-panel button[title^=合并图纸功能]:after,.editor-tools-panel button[title^=填充同色区]:after,.canvas-editor-toolbar button[title^=区域选择]:after,.canvas-editor-toolbar button[title^=锁定或解除已选区域]:after,.canvas-editor-toolbar button[title^=把已选区域]:after,.canvas-editor-toolbar button[title^=选择区域内]:after,.canvas-editor-toolbar button[title^=将整张图纸]:after,.canvas-editor-toolbar button[title^=填充同色区]:after{content:"";z-index:2;filter:drop-shadow(0 1px 1px #9765134d);pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d29a2e' d='M3 6.2 7.3 10 12 4l4.7 6L21 6.2 19.5 17H4.5L3 6.2Zm2.8 12.4h12.4v2H5.8v-2Z'/%3E%3C/svg%3E") 50%/contain no-repeat;width:15px;height:15px;position:absolute;top:3px;right:4px}.processing-option.member-locked,.editor-tools-panel button[title^=区域选择],.editor-tools-panel button[title^=锁定或解除已选区域],.editor-tools-panel button[title^=把已选区域],.editor-tools-panel button[title^=选择区域内],.editor-tools-panel button[title^=将整张图纸],.editor-tools-panel button[title^=把当前图纸拆成],.editor-tools-panel button[title^=合并图纸功能],.editor-tools-panel button[title^=填充同色区],.canvas-editor-toolbar button[title^=区域选择],.canvas-editor-toolbar button[title^=锁定或解除已选区域],.canvas-editor-toolbar button[title^=把已选区域],.canvas-editor-toolbar button[title^=选择区域内],.canvas-editor-toolbar button[title^=将整张图纸],.canvas-editor-toolbar button[title^=填充同色区]{position:relative}.member-edit-locked .edit-tools button[title^=填充同色区],.member-edit-locked .area-edit-actions button:not([title^=退出区域选择]),.member-edit-locked>.edit-actions:not(.history-actions) button{color:#a4ada6;cursor:not-allowed;opacity:.72;background:#f5f7f5;border-color:#e0eae1}.member-edit-locked .area-edit-actions button:not([title^=退出区域选择]):hover,.member-edit-locked>.edit-actions:not(.history-actions) button:hover{color:#a4ada6;background:#f5f7f5;border-color:#e0eae1;transform:none}.result-panel.member-edit-locked .material-replace-trigger{color:#a4ada6;cursor:not-allowed;opacity:.72;background:#f5f7f5;border-color:#e0eae1;position:relative}.generator-choice-grid button.selected{color:#4f7560;background:#f0f8f1;border-color:#8fbaa1;box-shadow:0 2px 7px #5c8b6a14}.generator-choice-grid button b,.generator-choice-grid button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.generator-choice-grid button b{font-size:9px}.generator-choice-grid button small{color:#98a69c;margin-top:3px;font-size:8px}.generator-choice-grid button.selected small{color:#7e9b87}.palette-section-heading{align-items:center;gap:4px;display:flex}.palette-section-heading .palette-manage-button{white-space:nowrap;margin-left:auto;padding:0 1px;font-size:10px}.merge-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.merge-choice-grid>button{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:36px;padding:9px 4px 5px;display:flex;position:relative!important}.merge-choice-grid button b{box-sizing:border-box;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.merge-choice-grid .member-badge,.user-member-badge{z-index:2;color:#d29a2e;filter:drop-shadow(0 1px 1px #9765134d);pointer-events:none;width:16px;height:16px;line-height:1;display:block;position:absolute;top:3px;right:4px;background:0 0!important}.merge-choice-grid .member-badge svg,.user-member-badge svg{fill:currentColor;width:100%;height:100%;display:block}.member-feature-button{padding-right:14px;position:relative}.material-summary .secondary-button.full{padding-right:27px;position:relative}.member-feature-button .user-member-badge{flex:0 0 16px;width:16px;height:16px;position:static}.material-summary .secondary-button.full:after{content:"";z-index:2;filter:drop-shadow(0 1px 1px #9765134d);pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d29a2e' d='M3 6.2 7.3 10 12 4l4.7 6L21 6.2 19.5 17H4.5L3 6.2Zm2.8 12.4h12.4v2H5.8v-2Z'/%3E%3C/svg%3E") 50%/contain no-repeat;width:15px;height:15px;position:absolute;top:4px;right:5px}.template-detail-modal .text-button.member-locked{color:#a4ada6;cursor:not-allowed;opacity:.72}.template-detail-modal .primary-button.member-locked{color:#a4ada6;box-shadow:none;cursor:not-allowed;background:#f1f4f1;border:1px solid #dfe7e1}.generator-page .custom-size{padding-right:19px;position:relative}.generator-page .custom-size:after{content:"";filter:drop-shadow(0 1px 1px #9765134d);pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d29a2e' d='M3 6.2 7.3 10 12 4l4.7 6L21 6.2 19.5 17H4.5L3 6.2Zm2.8 12.4h12.4v2H5.8v-2Z'/%3E%3C/svg%3E") 50%/contain no-repeat;width:15px;height:15px;position:absolute;top:12px;right:0}.generator-page input[placeholder$=专属功能],.generator-page input[placeholder^="开通 PC 会员"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d29a2e' d='M3 6.2 7.3 10 12 4l4.7 6L21 6.2 19.5 17H4.5L3 6.2Zm2.8 12.4h12.4v2H5.8v-2Z'/%3E%3C/svg%3E");background-position:right 7px center;background-repeat:no-repeat;background-size:15px 15px;padding-right:28px}.generator-page input[placeholder^="开通 PC 会员"]{color:#a4ada6;cursor:not-allowed;opacity:.72;background-color:#f5f7f5;border-color:#e0eae1}.generator-page .processing-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:7px}.generator-page .processing-option{text-align:center;background:#fcfefc;border-color:#e0eae1;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:43px;padding:6px;display:flex;position:relative}.generator-page .processing-option:hover{background:#f5fbf6;border-color:#a9cbb2}.generator-page .processing-option.member-locked{color:#a4ada6;cursor:not-allowed;opacity:.72;background:#f5f7f5}.generator-page .processing-option.member-locked:hover{background:#f5f7f5;border-color:#e0eae1}.generator-page .processing-option.member-locked input{display:none}.generator-page .processing-option input:disabled{cursor:not-allowed}.generator-page .preset-choice-grid button.member-feature:after,.generator-page .processing-option.member-feature:after{content:"";z-index:2;filter:drop-shadow(0 1px 1px #9765134d);pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d29a2e' d='M3 6.2 7.3 10 12 4l4.7 6L21 6.2 19.5 17H4.5L3 6.2Zm2.8 12.4h12.4v2H5.8v-2Z'/%3E%3C/svg%3E") 50%/contain no-repeat;width:15px;height:15px;position:absolute;top:3px;right:4px}.user-palettes-page .page-heading{align-items:center}.palette-user-card{background:#fff;border:1px solid #e7eee8;border-radius:16px;padding:20px;box-shadow:0 10px 28px #465d4e0d}.palette-brand-tabs{scrollbar-width:none;border-bottom:1px solid #edf2ed;gap:7px;padding-bottom:15px;display:flex;overflow-x:auto}.palette-brand-tabs::-webkit-scrollbar{display:none}.palette-brand-tabs button{color:#789082;cursor:pointer;background:#fff;border:1px solid #e0eae1;border-radius:8px;flex:none;align-items:center;gap:5px;padding:7px 10px;font-size:11px;display:inline-flex}.palette-brand-tabs button.active{color:#fff;background:#648c78;border-color:#648c78}.palette-brand-tabs small{opacity:.72;font-size:9px}.palette-user-toolbar{color:#819087;justify-content:space-between;align-items:center;gap:12px;margin:17px 0;font-size:11px;display:flex}.palette-user-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.palette-user-card-item{background:#fcfefc;border:1px solid #e8eee8;border-radius:12px;min-width:0;padding:13px}.palette-user-strip{background:#f1f4f0;border-radius:8px;height:34px;margin-bottom:12px;display:flex;overflow:hidden}.palette-user-strip i{flex:1;min-width:0}.palette-user-card-item>strong,.palette-user-card-item>small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.palette-user-card-item>strong{color:#4e6658;font-size:12px}.palette-user-card-item>small{color:#99a69d;margin-top:5px;font-size:10px}.palette-user-actions{gap:5px;margin-top:12px;display:flex}.palette-user-actions .table-action{color:#658271;background:#eef6ef;border-radius:7px;padding:6px 7px;font-size:10px}.palette-user-actions .table-action.danger{color:#bd7967;background:#fff1eb}.palette-user-empty{color:#9aa79e;text-align:center;place-items:center;gap:9px;min-height:300px;font-size:11px;display:grid}.palette-user-empty strong{color:#5a7062;font-size:14px}.palette-user-empty .primary-button{margin-top:5px}.palette-user-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2a372f47;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.palette-user-modal{background:#fff;border:1px solid #dce8de;border-radius:18px;width:min(720px,90vw);max-height:84vh;padding:26px;position:relative;overflow:auto;box-shadow:0 24px 70px #2c473638}.palette-user-modal h2{color:#405b4c;margin:8px 0 18px;font-size:21px}.palette-user-modal .modal-close{top:15px;right:17px}.palette-user-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.palette-user-form label{color:#718177;font-size:11px;font-weight:700}.palette-user-form .field{margin-top:7px}.palette-user-colors-field{grid-column:1/-1}.palette-user-colors-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.palette-user-colors-head>label{color:#718177}.palette-user-colors-head>label small{color:#a0aca3;margin-left:6px;font-size:10px;font-weight:400}.palette-user-colors-head .secondary-button{padding:7px 10px;font-size:10px}.palette-user-color-editor{scrollbar-width:none;-ms-overflow-style:none;gap:7px;max-height:330px;margin-top:9px;padding:2px 2px 2px 0;display:grid;overflow-y:auto}.palette-user-color-editor::-webkit-scrollbar{width:0;height:0;display:none}.palette-user-color-row{grid-template-columns:.8fr 1.2fr 1.1fr auto;align-items:center;gap:7px;display:grid}.palette-user-color-row .field{min-width:0;margin-top:0;padding:8px 9px}.palette-user-hex{align-items:center;gap:5px;min-width:0;display:flex}.palette-user-hex .field{flex:1}.palette-user-hex input[type=color]{cursor:pointer;background:#fff;border:1px solid #dfe8df;border-radius:7px;flex:0 0 30px;width:30px;height:30px;padding:2px}.palette-user-color-row .table-action{white-space:nowrap;padding:7px 8px}.palette-user-color-help{color:#9aa79e;margin:8px 0 0;font-size:10px;line-height:1.5}.palette-user-modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.palette-user-detail-modal{width:min(920px,92vw)}.palette-user-detail-note{color:#94a198;margin:-10px 0 16px;font-size:11px}.palette-user-color-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-height:58vh;padding:2px;display:grid;overflow-y:auto}.palette-user-color-item{background:#fcfefc;border:1px solid #e8eee8;border-radius:9px;gap:3px;min-width:0;padding:8px;display:grid}.palette-user-color-item i{border:1px solid #0000001a;border-radius:6px;width:100%;height:32px}.palette-user-color-item strong,.palette-user-color-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.palette-user-color-item strong{color:#4f6859;font-size:10px}.palette-user-color-item small{color:#8e9c93;font-size:9px}@media (width<=1180px){.palette-user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.generator-page .processing-option:has(input:checked){color:#4f7560;background:#f0f8f1;border-color:#8fbaa1;box-shadow:0 2px 7px #5c8b6a14}.generator-page .processing-option input{opacity:0;pointer-events:none;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.generator-page .processing-option span{text-align:center;max-width:100%;padding-right:0;line-height:1.3}.generator-page .processing-option.member-locked span{box-sizing:border-box;text-align:center;width:100%;margin-top:0}.generator-page .processing-option small{color:#8aa392;text-align:center;margin-left:0;font-size:8px}.generator-page .processing-options .processing-option:first-child>small{display:none}.generator-page .area-edit-actions button[title^=区域选择],.generator-page .area-edit-actions button[title^=锁定或解除],.generator-page .area-edit-actions button[title^=把已选区域],.generator-page .area-edit-actions button[title^=选择区域内]{box-sizing:border-box;text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden;padding-right:24px!important}.generator-page .settings-panel .area-edit-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:5px;display:grid}.generator-page .settings-panel .area-edit-actions .action-group-label{grid-column:1/-1}.generator-page .settings-panel .area-edit-actions button{white-space:normal;text-overflow:clip;width:100%;min-width:0;min-height:31px;line-height:1.35;overflow:visible;padding:5px 24px 5px 5px!important}.generator-page .settings-panel .area-edit-actions small{color:#8da095;align-self:center;min-width:0;font-size:10px;line-height:1.3}@media (width<=900px){.generator-page .canvas-editor-toolbar{flex-wrap:wrap;overflow-x:hidden}.generator-page .canvas-editor-toolbar .canvas-editor-row{flex-wrap:wrap;min-width:0;max-width:100%}.generator-page .canvas-editor-toolbar .area-edit-actions{flex:0 auto;gap:4px;min-width:0;display:flex}.generator-page .canvas-editor-toolbar .area-edit-actions button{white-space:nowrap;text-overflow:clip;flex:0 auto;min-width:78px;min-height:31px;line-height:1.2;overflow:visible;padding:6px 21px 6px 6px!important}.generator-page .canvas-editor-toolbar .area-edit-actions small{color:#8da095;min-width:0;font-size:10px;line-height:1.3}}.generator-page .canvas-editor-toolbar .area-edit-actions{display:contents}.generator-page .canvas-editor-toolbar .area-edit-actions .action-group-label{border-left:1px solid #dfe9e1;flex:none;align-items:center;padding-left:9px;display:inline-flex}.generator-page .result-panel{flex-direction:column;display:flex}.generator-page .result-title{border-bottom:1px solid #edf2ed;padding-bottom:13px}.generator-page .result-title h3{color:#425d4e}.generator-page .stats-row{border-bottom-color:#e9f0ea;padding:16px 0}.generator-page .stats-row strong{color:#4e8064;white-space:nowrap}.generator-page .material-list{flex:auto;min-height:0;margin-bottom:18px;padding-right:4px;overflow-y:auto}.generator-page .material-row{white-space:nowrap;border-bottom-color:#edf2ed;min-width:0}.generator-page .material-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.generator-page .material-row b,.generator-page .material-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.generator-page .material-row i{box-shadow:0 2px 5px #434e451f}.generator-page .result-empty{flex:1}.color-picker-backdrop{z-index:100;background:#2a372f47;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.color-picker-dialog{background:#fff;border:1px solid #dce8de;border-radius:16px;width:min(560px,90vw);max-height:min(520px,80vh);padding:18px;overflow:hidden;box-shadow:0 24px 70px #2c473638}.color-picker-dialog-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.color-picker-dialog-head strong,.color-picker-dialog-head small{display:block}.color-picker-dialog-head strong{color:#4f6658;font-size:14px}.color-picker-dialog-head small{color:#9aa99f;margin-top:4px;font-size:10px}.color-picker-dialog .modal-close{color:#809287;cursor:pointer;background:0 0;border:0;border-radius:50%;width:28px;height:28px;padding:0;font-size:22px}.color-picker-grid{grid-template-columns:repeat(10,minmax(38px,1fr));gap:7px;max-height:410px;padding:2px 4px 4px 2px;display:grid;overflow-y:auto}.color-picker-grid button{color:#28322bad;cursor:pointer;border:2px solid #fff;border-radius:7px;place-items:center;min-height:34px;padding:3px;display:grid;box-shadow:0 0 0 1px #dfe6df}.color-picker-grid button:hover,.color-picker-grid button.selected{transform:translateY(-1px);box-shadow:0 0 0 2px #5c9074}.color-picker-grid button small{background:#ffffffb8;border-radius:3px;padding:2px 3px;font-size:8px}.template-modal-backdrop{z-index:20;background:#393d3761;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.template-modal{background:#fffdf9;border-radius:24px;width:min(420px,100%);padding:24px;position:relative;box-shadow:0 24px 70px #32362f38}.template-modal.template-detail-modal{width:min(920px,100vw - 48px);max-height:calc(100vh - 48px);overflow-y:auto}.modal-close{color:#8b887f;cursor:pointer;background:0 0;border:0;font-size:26px;position:absolute;top:12px;right:14px}.template-modal-thumb{border-radius:16px;place-items:center;height:190px;margin-bottom:18px;display:grid;overflow:hidden}.template-modal-thumb .mini-art{width:82px;height:82px}.template-modal h2{margin:8px 0}.template-modal p{color:#77786f;line-height:1.7}.template-modal-heading{justify-content:space-between;align-items:flex-start;gap:18px;padding-right:26px;display:flex}.template-modal-heading h2{margin-bottom:0}.template-detail-loading{color:#9aa49c;padding-top:8px;font-size:10px}.template-detail-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.template-detail-media-card{background:#fbfcfa;border:1px solid #e5ebe4;border-radius:12px;min-width:0;padding:12px}.template-detail-media-head{color:#627368;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.template-detail-media-head>span{color:#a0aaa1;font-size:10px}.template-detail-media-actions{align-items:center;gap:6px;display:inline-flex}.template-detail-media-actions .text-button{color:#668d76;padding:2px 0;font-size:10px}.template-detail-image-frame{color:#a1aaa2;background:0 0;border-radius:9px;place-items:center;min-height:260px;margin-top:9px;font-size:11px;display:grid;overflow:hidden}.template-detail-image-frame.clickable{cursor:zoom-in}.template-detail-image-frame img{object-fit:contain;width:100%;max-height:430px;display:block}.pattern-detail-image-frame img{image-rendering:auto}.template-media-viewer-backdrop{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1c262194;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.template-media-viewer-dialog{background:#f9fbf8;border:1px solid #ffffff59;border-radius:14px;width:min(1100px,100vw - 48px);max-height:calc(100vh - 48px);padding:14px;display:grid;box-shadow:0 24px 80px #101b1559}.template-media-viewer-head{color:#526559;justify-content:space-between;align-items:center;gap:12px;padding:2px 2px 12px 6px;font-size:12px;display:flex}.template-media-viewer-actions{align-items:center;gap:6px;display:flex}.template-media-viewer-actions span{color:#87958a;text-align:center;min-width:42px;font-size:10px}.template-media-viewer-actions .text-button{color:#67806f;background:#fff;border:1px solid #e1e8e1;border-radius:7px;min-width:28px;padding:5px 6px}.template-media-viewer-actions .modal-close{border:0;padding:2px 5px;font-size:22px;position:static}.template-media-viewer-stage{background:0 0;border-radius:9px;place-items:center;min-height:240px;max-height:calc(100vh - 120px);padding:20px;display:grid;overflow:auto}.template-media-viewer-stage img{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:calc(100vh - 180px);display:block}.template-modal-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0;display:grid}.template-modal-stats span{color:#4e6057;text-align:center;background:#f2f4ed;border-radius:12px;padding:10px}.template-modal-stats small{color:#9aa49c;margin-top:4px;font-size:10px;display:block}.pattern-cell.selected{outline-offset:-2px;outline:2px solid #6e9c86}.pattern-cell.locked{cursor:not-allowed;box-shadow:inset 0 0 0 2px #6b5234b3}.marketing-page{color:#34443d;background:#f8f7f1;min-height:100vh}.marketing-topbar{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffdb;border-bottom:1px solid #e8e5dc;justify-content:space-between;align-items:center;height:76px;padding:0 7vw;display:flex;position:sticky;top:0}.marketing-actions{color:#8a938c;align-items:center;gap:20px;font-size:12px;display:flex}.marketing-main{width:min(1160px,86vw);margin:0 auto}.marketing-hero{background:#e7f1e8;border-radius:28px;justify-content:space-between;align-items:center;min-height:520px;margin:34px 0 70px;padding:72px 5vw;display:flex;overflow:hidden}.marketing-hero h1{color:#42584d;letter-spacing:-.06em;margin:16px 0;font-size:clamp(40px,5vw,66px);line-height:1.12}.marketing-hero h1 em{color:#e78868;font-style:normal}.marketing-hero p{color:#728179;max-width:470px;font-size:16px;line-height:1.9}.marketing-hero-actions{gap:10px;margin:28px 0 12px;display:flex}.marketing-hero-copy>small{color:#91a199;font-size:11px}.marketing-art{place-items:center;width:390px;height:320px;display:grid;position:relative}.marketing-art>span{color:#91ad9b;letter-spacing:.2em;font-size:10px;position:absolute;bottom:15px;right:0}.marketing-section .section-head{align-items:end}.marketing-section .section-head>p{color:#9aa39d;font-size:12px}.marketing-features{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px;display:grid}.marketing-features article{background:#fff;border:1px solid #e7e7dd;border-radius:18px;min-height:180px;padding:26px}.marketing-features article>span{color:#83af98;font-size:28px;display:block}.marketing-features strong{color:#53665b;margin-top:20px;font-size:16px;display:block}.marketing-features p{color:#9aa29c;font-size:12px;line-height:1.7}.marketing-showcase{background:#fff1e7;border-radius:22px;justify-content:space-between;align-items:center;margin-bottom:60px;padding:38px 42px;display:flex}.marketing-showcase h2{color:#665b54;margin:10px 0}.marketing-showcase p{color:#9b8b80;max-width:540px;margin:0;line-height:1.7}.showcase-pills{gap:9px;display:grid}.showcase-pills span{color:#7e8e84;background:#fffaf5;border-radius:10px;padding:10px 14px;font-size:11px}.marketing-footer{color:#a0a89f;text-align:center;border-top:1px solid #e8e5dc;padding:25px;font-size:11px}.brand-icon{object-fit:contain;flex:0 0 28px;width:28px;height:28px}.top-user{cursor:default;background:0 0;border:0;margin-left:0;padding:0}.top-user:hover{background:0 0;border-color:#0000}.logout-button{color:#7c8b83;background:0 0;border:0;padding:7px 0 7px 8px;font-size:11px;font-weight:700}.logout-button:hover{color:#df8061}.topbar{background:#ffffffe6;height:72px;padding:0 clamp(24px,4vw,64px);box-shadow:0 6px 22px #4a584d0a}.topbar .brand-mark{gap:10px}.topbar .brand-icon{width:34px;height:34px}.topbar .brand-mark strong{color:#3e5349;font-size:16px}.topbar .brand-mark small{color:#9aa79f;font-size:9px}.top-actions{color:#718178;gap:18px}.top-user{gap:9px}.top-avatar{background:linear-gradient(145deg,#91c3a8,#6e9f87);border-radius:50%;width:32px;height:32px;box-shadow:0 4px 10px #59896c2e}.top-user-copy strong{color:#52675b;font-size:12px}.top-user-copy small{color:#99a59e;font-size:10px}.logout-button{color:#88948d;border-left:1px solid #e5e9e3;margin-left:2px;padding:5px 0 5px 18px;font-size:11px}.login-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2739324d;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.login-modal{text-align:center;background:#fffdf8;border:1px solid #89ae9447;border-radius:22px;gap:10px;width:min(380px,100%);padding:30px;display:grid;position:relative;box-shadow:0 28px 80px #2e413838}.login-modal .eyebrow{color:#76a287}.login-modal h2{color:#3e5549;letter-spacing:-.04em;margin:0;font-size:24px}.login-modal p{color:#8d9991;margin:0;font-size:12px;line-height:1.7}.login-modal-close{color:#8b9890;background:0 0;border:0;border-radius:50%;width:28px;height:28px;font-size:24px;line-height:1;position:absolute;top:12px;right:15px}.login-modal-close:hover{color:#df8061;background:#f6eee7}.login-qr-box{color:#648370;background:#f2f8f1;border:1px solid #d9e7da;border-radius:16px;place-items:center;gap:8px;margin:8px 0 2px;padding:14px;display:grid}.login-qr-box img{background:#fff;border-radius:10px;width:220px;height:220px;padding:6px}.login-qr-box strong{font-size:13px}.login-qr-box small{color:#9aaba0;font-size:10px}.login-modal-scan-tip{color:#6d8875;letter-spacing:.04em;font-size:11px}.login-modal-cancel{justify-self:center;margin-top:4px}.marketing-page{background:radial-gradient(circle at 8% 18%,#e0f1e6e6,#0000 28%),radial-gradient(circle at 92% 44%,#ffe2d2d1,#0000 30%),#faf9f4;overflow:hidden}.marketing-topbar{box-shadow:0 8px 30px #4852470a}.marketing-main{position:relative}.marketing-hero{background:linear-gradient(118deg,#e1f1e6 0%,#edf6e9 52%,#f9e2d5 100%);min-height:560px;position:relative;box-shadow:0 24px 70px #5369591f}.marketing-hero:before{content:"";border:1px solid #75a0842e;border-radius:50%;width:430px;height:430px;position:absolute;top:-130px;right:-100px;box-shadow:0 0 0 35px #ffffff21,0 0 0 70px #ffffff1a}.marketing-hero:after{content:"";filter:blur(8px);background:#ffffff38;border-radius:50%;width:280px;height:180px;position:absolute;bottom:-90px;left:42%}.marketing-hero-copy{z-index:1;position:relative}.marketing-hero-copy .eyebrow{color:#6d9b80}.marketing-hero-copy h1{text-shadow:0 3px #ffffff59}.marketing-art{z-index:1;transform:translateY(8px)}.marketing-art:before{content:"52 × 52";color:#72917e;letter-spacing:.08em;background:#ffffffad;border:1px solid #fffc;border-radius:12px;padding:9px 12px;font-size:11px;font-weight:800;position:absolute;top:13px;left:5px;box-shadow:0 10px 25px #4f6c5714}.marketing-art:after{content:"MARD · 221色";color:#a07969;background:#ffffffb8;border:1px solid #fffc;border-radius:12px;padding:9px 12px;font-size:10px;position:absolute;top:62px;right:5px;box-shadow:0 10px 25px #805b4b14}.marketing-art .hero-grid{background:#ffffff3d;border:1px solid #ffffffbf;border-radius:24px;padding:22px;box-shadow:0 22px 45px #4c675324}.marketing-features article{transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 10px 30px #4d56480d}.marketing-features article:after{content:"";background:#f2f7ee;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-45px;right:-35px}.marketing-features article:hover{transform:translateY(-5px);box-shadow:0 18px 38px #4d56481a}.marketing-features article:nth-child(2):after{background:#fff0e6}.marketing-features article:nth-child(3):after{background:#eeeaf7}.marketing-showcase{background:linear-gradient(110deg,#fff0e4,#fff8ee);position:relative;overflow:hidden;box-shadow:0 16px 40px #86685714}.marketing-showcase:after{content:"✦";color:#e78b693b;font-size:62px;position:absolute;top:18px;right:33%;transform:rotate(18deg)}.showcase-pills span{border:1px solid #e4cbb580;box-shadow:0 5px 14px #846b580d}.marketing-login-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #75a08433;border-radius:14px;gap:8px;max-width:420px;margin-top:18px;padding:14px;display:grid;box-shadow:0 12px 28px #4f6c5714}.marketing-login-panel strong{color:#526d5f;font-size:13px}.marketing-login-panel span{color:#829188;font-size:11px;line-height:1.6}.marketing-login-panel a{color:#5d8a70;font-size:11px;font-weight:800}.marketing-login-panel .field{margin-top:0}.marketing-login-panel .primary-button{justify-self:start}.marketing-hero-copy{animation:.7s cubic-bezier(.2,.75,.25,1) both marketing-copy-in}.marketing-art{animation:5s ease-in-out infinite marketing-art-float}.marketing-art .hero-grid{animation:4s ease-in-out infinite marketing-grid-breathe}.marketing-art .hero-grid i{animation:3.6s ease-in-out infinite bead-shimmer}.marketing-art .hero-grid i:nth-child(3n){animation-delay:.45s}.marketing-art .hero-grid i:nth-child(4n){animation-delay:.9s}.marketing-art .hero-grid i:nth-child(5n){animation-delay:1.35s}.marketing-art:before{animation:4.5s ease-in-out infinite badge-float}.marketing-art:after{animation:4.5s ease-in-out 1.1s infinite badge-float}.marketing-hero-actions .primary-button{animation:3s ease-in-out 1.2s infinite button-pulse}.marketing-features article{animation:.65s cubic-bezier(.2,.75,.25,1) both feature-rise}.marketing-features article:nth-child(2){animation-delay:.12s}.marketing-features article:nth-child(3){animation-delay:.24s}.marketing-showcase{animation:.7s cubic-bezier(.2,.75,.25,1) .32s both feature-rise}@keyframes marketing-copy-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes marketing-art-float{0%,to{transform:translateY(8px)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes marketing-grid-breathe{0%,to{box-shadow:0 22px 45px #4c675324}50%{box-shadow:0 28px 58px #4c675338}}@keyframes bead-shimmer{0%,to{filter:saturate();transform:scale(1)}50%{filter:saturate(1.22)brightness(1.06);transform:scale(1.06)}}@keyframes badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes button-pulse{0%,75%,to{box-shadow:none}82%{box-shadow:0 0 0 7px #5384691a}}@keyframes feature-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.text-mirror-toggle{color:#6d7c70;cursor:pointer;background:#fbfdfb;border:1px solid #dfe9e0;border-radius:8px;justify-content:center;align-items:center;min-height:30px;margin-top:8px;padding:6px 10px;font-size:10px;display:inline-flex}.text-mirror-toggle.selected{color:#416b56;background:#edf7ef;border-color:#93bba1}.image-edit-trigger{color:#63816e;background:#f7fbf7;border:1px solid #dfe9e0;border-radius:8px;width:100%;margin-top:8px;padding:7px 10px;font-size:10px;font-weight:700;display:block}.image-edit-trigger:hover{background:#eef7ef;border-color:#a8c8b0}.image-editor-backdrop{z-index:140;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#24302a61;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.image-editor-dialog{background:#fffdf9;border:1px solid #e1e9e1;border-radius:18px;width:min(620px,100vw - 40px);max-height:calc(100vh - 40px);padding:20px;overflow:auto;box-shadow:0 24px 70px #25342b3d}.image-editor-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.image-editor-head h3{color:#40574b;margin:6px 0 4px;font-size:20px}.image-editor-head small{color:#97a299;font-size:10px}.image-editor-head .modal-close{color:#819188;background:#f1f6f1;border:0;border-radius:50%;width:30px;height:30px;font-size:22px;line-height:1;position:static}.image-editor-stage{background:#f5f7f3;border:1px solid #e4ebe4;border-radius:12px;place-items:center;min-height:230px;max-height:52vh;margin-top:16px;display:grid;overflow:hidden}.image-editor-stage img{object-fit:contain;max-width:100%;max-height:52vh;display:block}.image-editor-tools{justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.image-editor-tools .secondary-button{min-width:92px;padding:9px 11px;font-size:11px}.image-editor-zoom{align-items:center;gap:6px;display:inline-flex}.image-editor-zoom span{color:#7e8d82;text-align:center;min-width:42px;font-size:11px}.image-editor-zoom .secondary-button{min-width:34px;padding:9px 8px}.image-editor-actions{border-top:1px solid #edf1ec;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:14px;display:flex}.image-editor-actions .secondary-button,.image-editor-actions .primary-button{min-width:76px;padding:9px 14px}.template-thumb,.large .template-thumb{height:auto;min-height:170px;overflow:visible}.large .template-thumb{min-height:210px}.template-thumb-image{object-fit:contain;object-position:center;width:60%;max-width:100%;height:auto;display:block}.user-case-filter-row{margin-bottom:24px}.user-case-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.user-case-card{border:1px solid #edf0eb}.user-case-card .template-thumb{background:#f1f6f1;min-height:170px}.user-case-card .template-thumb-image{width:70%}.user-case-card .template-info small{color:#a5aca5;margin-top:7px;font-size:10px;display:block}.user-case-card .template-info{padding:13px 14px 14px}.user-case-card .template-info strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-case-card .template-card-actions{padding:9px 14px 11px}.case-detail-modal{width:min(680px,100vw - 48px)}.case-detail-image-frame{background:#f4f8f3;border:1px solid #e5ebe4;border-radius:14px;place-items:center;min-height:300px;margin-top:14px;display:grid;overflow:hidden}.case-detail-image-frame img{object-fit:contain;width:100%;max-height:520px;display:block}.case-detail-image-frame span{color:#9aa59c;font-size:11px}.case-empty-state{margin-top:8px}@media (width<=1260px){.user-case-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=980px){.user-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.user-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.template-detail-materials{border-top:1px solid #edf0eb;gap:9px;margin-top:16px;padding-top:14px;display:grid}.template-detail-material-head{color:#627368;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.template-detail-material-head .text-button{color:#668d76;padding:3px 0;font-size:10px}.template-detail-material-list{flex-wrap:wrap;gap:7px;display:flex}.template-detail-material-row{color:#718076;background:#fbfcfa;border:1px solid #e5ebe4;border-radius:7px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;display:inline-flex}.template-detail-material-row i{border:1px solid #4b5f522e;border-radius:4px;width:13px;height:13px}.template-detail-material-row b{color:#53685a}.template-detail-material-row strong{color:#53685a;font-size:10px}.template-detail-modal{flex-direction:column;display:flex}.template-detail-modal .template-modal-heading{order:1}.template-detail-modal>p{order:2}.template-detail-modal .template-modal-stats{order:3;margin:18px 0 0}.template-detail-modal .template-detail-media-grid{order:4}.template-detail-modal .template-detail-materials{order:5}.template-detail-modal>.primary-button{order:6;margin-top:18px}.template-modal-backdrop{scrollbar-width:none;-ms-overflow-style:none;align-items:flex-start;overflow-y:auto}.template-modal-backdrop::-webkit-scrollbar{width:0;height:0;display:none}.template-detail-modal{scrollbar-width:none;-ms-overflow-style:none;min-height:0;max-height:calc(100dvh - 48px);padding-bottom:28px}.template-detail-modal::-webkit-scrollbar{width:0;height:0;display:none}.template-detail-modal>.primary-button{flex:none;margin-bottom:2px}.user-layout .official-template-card{position:relative}.user-layout .template-member-tag{z-index:2;color:#8c682b;background:#fff7dff5;border:1px solid #ffffffb8;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:800;position:absolute;top:13px;right:13px}.template-preview-badges{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.template-preview-badge{color:#65836e;background:#edf4ed;border-radius:6px;align-items:center;min-height:21px;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}.template-preview-badge.recommended{color:#fff;background:#6c9d82}.template-preview-badge.member{color:#9a6c23;background:#fff0c7}.template-detail-modal .template-modal-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.template-detail-material-head>span{color:#98a39a;margin-left:auto;font-size:10px}.marketing-page{color:#31483d;background:radial-gradient(circle at 8% 15%,#def2e5d1,#0000 27%),radial-gradient(circle at 92% 42%,#ffe6d7c2,#0000 28%),#fbfaf6;overflow:clip}.marketing-topbar{height:78px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom-color:#0000;padding:0 clamp(32px,7vw,110px);transition:background .25s,border-color .25s,box-shadow .25s;position:relative}.marketing-topbar.is-scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(90deg,#e0f2e6eb 0%,#faf9f4e6 48%,#ffe5d7e6 100%);border-bottom-color:#dbe2d9b3;position:sticky;top:0;box-shadow:0 8px 30px #48524714}.marketing-actions{gap:22px}.marketing-actions a{color:#839188;font-size:11px;text-decoration:none;transition:color .2s}.marketing-actions a:hover{color:#4f8065}.marketing-actions .secondary-button{color:#fffdf8;background:linear-gradient(120deg,#68a67e 0%,#85b88a 52%,#ed9a73 100%);border:1px solid #688e6929;border-radius:11px;min-height:40px;padding:0 19px;font-weight:750;transition:filter .2s,transform .2s,box-shadow .2s;box-shadow:0 9px 22px #6799743d}.marketing-actions .secondary-button:hover{filter:saturate(1.12)brightness(1.03);transform:translateY(-1px);box-shadow:0 12px 25px #6799744d}.marketing-service-menu{position:relative}.marketing-service-button{color:#5f7768;cursor:pointer;background:#ffffff7a;border:1px solid #708f7b3d;border-radius:10px;min-height:38px;padding:0 14px;font-size:11px;font-weight:700;transition:background .2s,border-color .2s,transform .2s}.marketing-service-button:hover{background:#ffffffc2;border-color:#5f96756b;transform:translateY(-1px)}.marketing-service-popover{z-index:80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border:1px solid #dbe7dceb;border-radius:15px;justify-items:center;gap:7px;width:142px;padding:12px 12px 13px;display:grid;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 42px #4a644f2e}.marketing-service-popover:before{content:"";background:#fffffff5;border-top:1px solid #dbe7dceb;border-left:1px solid #dbe7dceb;width:10px;height:10px;position:absolute;top:-6px;right:52px;transform:rotate(45deg)}.marketing-service-popover strong{color:#526b5b;font-size:11px}.marketing-service-popover img{object-fit:contain;background:#fff;border-radius:9px;width:112px;height:112px;padding:5px;display:block}.marketing-service-popover small{color:#98a69c;font-size:9px}.customer-service-empty{color:#98a69c;text-align:center;padding:12px 6px;font-size:10px}.topbar .marketing-service-button{color:#64796b;background:0 0;border-color:#e7ece6;border-radius:8px;align-items:center;min-height:30px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.topbar .marketing-service-button:hover,.topbar .marketing-service-button[aria-expanded=true]{color:#4f7c5e;background:#f4f9f4;border-color:#d5e5d8;transform:none}.topbar .marketing-service-popover{top:calc(100% + 8px)}.marketing-main{width:min(1600px,94vw)}.marketing-hero{background-image:linear-gradient(#fff0 48%,#fffaf299 100%),url(https://nyjc-public.oss-cn-shanghai.aliyuncs.com/haodoua/pc-user/assets/landing-copy-poster.png);background-position:50%;background-size:cover;border-radius:30px;min-height:680px;margin:34px 0 92px;padding:78px clamp(52px,7vw,110px);box-shadow:0 26px 72px #5369591c}.marketing-hero-copy{max-width:700px}.marketing-hero-copy .eyebrow{color:#6d9b80;letter-spacing:.11em}.marketing-hero h1{margin:18px 0 20px;font-size:clamp(46px,5vw,68px)}.marketing-hero p{color:#728179;max-width:530px;margin:0;font-size:15px;line-height:1.95}.marketing-hero-steps{color:#4f755e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-shadow:0 1px #ffffffd1;background:#ffffff47;border-radius:10px;align-items:center;gap:12px;width:fit-content;margin-top:28px;padding:7px 10px;font-size:11px;display:flex}.marketing-hero-steps span{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.marketing-hero-steps b{color:#6c9b7d;letter-spacing:.08em;font-size:10px}.marketing-hero-steps i{background:#79a2865c;width:20px;height:1px}.marketing-hero-actions{margin:30px 0 12px}.marketing-hero-actions .primary-button{min-height:42px;padding:0 19px}.marketing-hero-actions .secondary-button{min-height:42px;padding:0 16px}.marketing-hero-copy>small{color:#5f7568;text-shadow:0 1px #ffffffd9;font-size:10px;font-weight:600}.marketing-hero-copy>.eyebrow,.marketing-hero-copy>h1,.marketing-hero-copy>p{visibility:hidden}.marketing-art:before,.marketing-art:after{content:none;display:none}.marketing-art-note{z-index:2;color:#72917e;background:#ffffffa8;border:1px solid #ffffffd1;border-radius:13px;gap:3px;padding:10px 13px;display:grid;position:absolute;top:8px;left:4px;box-shadow:0 10px 25px #4f6c5712}.marketing-art-note span{font-size:10px}.marketing-art-note strong{color:#557565;font-size:12px}.marketing-art .hero-grid{background:#ffffff4d;border-radius:26px;padding:26px;box-shadow:0 24px 50px #4c675324}.marketing-art .hero-grid i{border-radius:7px;width:29px;height:29px}.marketing-section{padding:0 0 86px}.marketing-section .section-head{margin-bottom:25px}.marketing-section .section-head>div{max-width:740px}.marketing-section .marketing-flow-desc{color:#87958c;max-width:680px;margin:10px 0 0;font-size:13px;line-height:1.75}.marketing-features{gap:14px;margin-top:0}.marketing-features article{background:#ffffffd6;border:1px solid #e0e8e0d6;border-radius:20px;min-height:0;padding:0;box-shadow:0 12px 30px #4d56480a}.marketing-features article:after{content:none}.marketing-feature-image{aspect-ratio:4/3;object-fit:cover;border-radius:19px 19px 0 0;width:100%;display:block}.marketing-feature-copy{padding:23px 25px 24px}.marketing-feature-top{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.marketing-feature-index{color:#9bad9f;letter-spacing:.12em;font-size:11px;font-weight:800}.marketing-feature-icon{color:#6d9e7f;background:#eaf5ec;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.marketing-feature-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;width:21px;height:21px}.marketing-features article:nth-child(2) .marketing-feature-icon{color:#c18d6e;background:#fff0e5}.marketing-features article:nth-child(3) .marketing-feature-icon{color:#8175a4;background:#f0edf8}.marketing-features strong{color:#4a6054;font-size:16px;display:block}.marketing-features p{color:#87958c;max-width:340px;margin:9px 0 0;line-height:1.75}.marketing-showcase{background:linear-gradient(110deg,#fff1e6 0%,#fff8ef 100%);border-radius:24px;margin-bottom:76px;padding:42px 48px;box-shadow:0 16px 40px #86685712}.marketing-showcase:after{display:none}.marketing-showcase h2{color:#5e5b53;margin:11px 0 9px;font-size:24px}.marketing-showcase p{color:#958b81;line-height:1.8}.showcase-pills{gap:8px;min-width:245px}.showcase-pills span{color:#756f66;min-width:220px;box-shadow:none;background:#ffffff8f;border:1px solid #e4cbb575;border-radius:11px;gap:4px;padding:11px 14px;display:grid}.showcase-pills b{color:#6f7f73;font-size:11px}.showcase-pills small{color:#a49a90;font-size:10px}.marketing-footer{background:#ffffff4d;padding:29px}.marketing-support-strip{background:#f0f8f1c7;border:1px solid #dde7ded1;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px;margin-bottom:76px;padding:36px 44px;display:grid;box-shadow:0 16px 38px #506c570d}.marketing-support-copy{min-width:0}.marketing-support-copy h2{color:#4c6255;margin:11px 0 9px;font-size:23px}.marketing-support-copy>p{color:#788a7e;max-width:620px;margin:0;font-size:13px;line-height:1.8}.marketing-support-actions{align-items:center;gap:13px;margin-top:20px;display:flex}.marketing-support-actions .secondary-button{background:#ffffffa8;border:1px solid #d7e7da;min-height:36px;padding:0 14px}.marketing-support-actions small{color:#98a79c;font-size:10px}.marketing-rich-text{color:#788a7e;max-width:620px;max-height:170px;font-size:13px;line-height:1.8;overflow:hidden}.marketing-rich-text p{color:inherit;font-size:inherit;line-height:inherit;margin:0}.marketing-rich-text p+p{margin-top:6px}.marketing-rich-text p:nth-of-type(n+3){display:none}.marketing-section{position:relative;overflow:hidden}.marketing-section>*{z-index:1;position:relative}.marketing-showcase:after{content:"";z-index:0;border-radius:inherit;opacity:.17;mix-blend-mode:multiply;pointer-events:none;background:url(https://nyjc-public.oss-cn-shanghai.aliyuncs.com/haodoua/pc-user/assets/landing-sync-bg.png) 100%/cover no-repeat;width:62%;height:100%;display:block;position:absolute;top:0;right:0}.marketing-showcase>*{z-index:1;position:relative}.marketing-support-strip{background:url(https://nyjc-public.oss-cn-shanghai.aliyuncs.com/haodoua/pc-user/assets/landing-mini-program-bg.png) 100%/cover no-repeat;position:relative;overflow:hidden}.marketing-support-strip:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#f0f8f1fa 0%,#f0f8f1e6 48%,#f0f8f161 100%);position:absolute;inset:0}.marketing-support-strip>*{z-index:1;position:relative}.marketing-rich-text img{object-fit:contain;object-position:left center;border-radius:10px;width:auto;max-width:min(100%,280px);height:auto;max-height:92px;margin-bottom:9px;display:block}.marketing-support-copy>small{color:#98a79c;margin-top:13px;font-size:10px;display:block}.marketing-qr-cluster{justify-self:end;align-items:flex-start;gap:14px;display:flex}.marketing-qr-item{background:#ffffffc7;border:1px solid #dbe7dce6;border-radius:15px;justify-items:center;gap:6px;min-width:132px;padding:10px 10px 12px;display:grid}.marketing-qr-item img{object-fit:contain;background:#fff;border-radius:9px;width:112px;height:112px;padding:5px;display:block}.marketing-qr-item strong{color:#526b5b;font-size:11px}.marketing-qr-item small{color:#98a69c;font-size:9px}.marketing-qr-item.service strong{color:#8b705f}.marketing-qr-empty{color:#92a298;text-align:center;background:#ffffff9e;border-radius:14px;padding:30px 22px;font-size:11px;line-height:1.8}.marketing-qr-empty small{font-size:9px}.marketing-customer-float{z-index:70;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf5f0;border:1px solid #e5d6cae0;border-radius:17px;justify-items:center;gap:5px;width:126px;padding:12px 10px 13px;display:grid;position:fixed;bottom:108px;right:22px;box-shadow:0 16px 36px #6e544324}.marketing-customer-float-label{color:#a1816d;letter-spacing:.12em;text-align:left;align-self:stretch;font-size:10px;font-weight:800}.marketing-customer-float img{object-fit:contain;background:#fff;border-radius:8px;width:94px;height:94px;padding:4px;display:block}.marketing-customer-float strong{color:#806553;font-size:11px}.marketing-customer-float small{color:#ae9a8b;font-size:9px}.marketing-intro-backdrop{z-index:110;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#26362e57;place-items:center;padding:30px;display:grid;position:fixed;inset:0;overflow:hidden}.marketing-intro-modal{background:#fffefa;border:1px solid #dbe9dc;border-radius:24px;flex-direction:column;width:min(780px,100%);max-height:min(760px,100dvh - 60px);padding:38px 44px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 90px #23362b3d}.marketing-intro-header{flex:none;padding-right:34px;position:relative}.marketing-intro-modal .modal-close{color:#829189;background:#f1f7f1;border-radius:50%;width:30px;height:30px;font-size:22px;line-height:1;top:16px;right:19px}.marketing-intro-modal .modal-close:hover{color:#b97861;background:#fff0e8}.marketing-intro-modal h2{color:#405a4b;margin:10px 0 6px;font-size:28px}.marketing-intro-lead{color:#89998e;margin:0 0 22px;font-size:13px;line-height:1.7}.marketing-intro-content{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;color:#66786c;border-top:1px solid #edf2ec;flex:auto;min-height:0;padding:20px 2px 8px 0;font-size:13px;line-height:1.85;overflow-y:auto}.marketing-intro-content::-webkit-scrollbar{width:0;height:0;display:none}.member-platform-intro-content::-webkit-scrollbar{width:0;height:0;display:none}.marketing-intro-content p{color:inherit;font-size:inherit;line-height:inherit;margin:0 0 10px}.marketing-intro-content img,.member-platform-intro-content img{vertical-align:middle;max-width:100%;height:auto}.marketing-intro-content h1,.member-platform-intro-content h1{color:#405a4b;margin:18px 0 10px;font-size:1.8em;line-height:1.35}.marketing-intro-content h2,.member-platform-intro-content h2{color:#405a4b;margin:16px 0 9px;font-size:1.55em;line-height:1.4}.marketing-intro-content h3,.member-platform-intro-content h3{color:#405a4b;margin:14px 0 8px;font-size:1.3em;line-height:1.45}.marketing-intro-content h4,.marketing-intro-content h5,.marketing-intro-content h6,.member-platform-intro-content h4,.member-platform-intro-content h5,.member-platform-intro-content h6{color:#4c6655;margin:12px 0 7px;font-size:1.1em;line-height:1.5}.marketing-intro-content blockquote,.member-platform-intro-content blockquote{color:#788a7e;background:#f5f8f3;border-left:3px solid #9bc7a5;margin:12px 0;padding:8px 14px}.marketing-intro-content ul,.marketing-intro-content ol,.member-platform-intro-content ul,.member-platform-intro-content ol{margin:8px 0;padding-left:1.7em}.marketing-intro-content li,.member-platform-intro-content li{margin:3px 0}.marketing-intro-content em,.marketing-intro-content i,.member-platform-intro-content em,.member-platform-intro-content i{font-synthesis:style;font-style:italic}.marketing-intro-footer{color:#98a59b;border-top:1px solid #edf2ec;flex:none;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding-top:14px;font-size:10px;display:flex}.marketing-intro-footer .primary-button{min-height:34px;padding:0 16px}@media (width<=760px){.marketing-intro-backdrop{padding:16px}.marketing-intro-modal{border-radius:20px;width:100%;max-height:calc(100dvh - 32px);padding:28px 22px 18px}.marketing-intro-modal .modal-close{top:0;right:0}.marketing-intro-modal h2{margin-top:8px;font-size:22px}.marketing-intro-lead{margin-bottom:16px;font-size:12px}.marketing-intro-footer{gap:10px;margin-top:10px;padding-top:12px}}@media (width<=1180px){.marketing-topbar{padding:0 36px}.marketing-main{width:calc(100% - 64px)}.marketing-hero{padding-left:58px;padding-right:58px}.marketing-art{width:360px}.marketing-support-strip{gap:24px;padding-left:30px;padding-right:30px}.marketing-customer-float{right:12px}}@media (width<=1080px){.marketing-hero{gap:24px;padding-left:42px;padding-right:42px}.marketing-hero h1{font-size:54px}.marketing-art{width:320px;transform:scale(.92)}.marketing-support-strip{grid-template-columns:1fr}.marketing-qr-cluster{justify-content:flex-start;justify-self:start}.marketing-customer-float{grid-template-columns:auto auto;align-items:center;width:auto;min-width:178px;padding:8px 10px;top:auto;bottom:108px;right:18px;transform:none}.marketing-customer-float-label{grid-row:1/span 2;align-self:center}.marketing-customer-float img{grid-row:1/span 2;width:52px;height:52px}.marketing-customer-float strong,.marketing-customer-float small{justify-self:start}}@media (width<=760px){.marketing-topbar{height:64px;padding:0 18px}.marketing-topbar .brand-mark small{display:none}.marketing-actions .secondary-button,.marketing-service-button{min-height:34px;padding:0 10px;font-size:11px}.marketing-main{width:calc(100% - 28px)}.marketing-hero{border-radius:24px;grid-template-columns:1fr;min-height:auto;margin:18px 0 58px;padding:40px 24px 20px;display:grid}.marketing-hero h1{font-size:clamp(36px,11vw,54px)}.marketing-hero p{font-size:13px}.marketing-hero-steps{flex-wrap:wrap;gap:7px;margin-top:22px;font-size:10px}.marketing-hero-steps i{width:10px}.marketing-hero-actions{margin-top:22px}.marketing-art-note{top:4px;left:0}.marketing-section{padding-bottom:56px}.marketing-section .section-head{display:block}.marketing-section .marketing-flow-desc{max-width:none;margin-top:9px}.marketing-features{grid-template-columns:1fr;gap:10px}.marketing-features article{min-height:0;padding:0}.marketing-feature-image{aspect-ratio:16/10}.marketing-feature-copy{padding:18px 20px 20px}.marketing-showcase{gap:24px;margin-bottom:56px;padding:28px 24px;display:grid}.marketing-showcase h2{font-size:21px}.showcase-pills,.showcase-pills span{min-width:0}.marketing-support-strip{grid-template-columns:1fr;gap:24px;margin-bottom:52px;padding:28px 24px}.marketing-qr-cluster{justify-self:start}.marketing-qr-item img{width:96px;height:96px}.marketing-customer-float{grid-template-columns:1fr;width:62px;min-width:0;padding:8px 6px;bottom:84px;right:10px}.marketing-customer-float-label{text-align:center;grid-row:auto;align-self:auto}.marketing-customer-float img{grid-row:auto;width:48px;height:48px}.marketing-customer-float strong{justify-self:center;font-size:10px}.marketing-customer-float small{display:none}}.aggregate-modal-intro{color:#728077;margin:0 0 18px;line-height:1.7}.aggregate-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.aggregate-option{color:#607269;cursor:pointer;background:#fbfdfb;border:1px solid #e2eae2;border-radius:14px;align-items:flex-start;gap:10px;min-height:96px;padding:15px;display:flex}.aggregate-option.selected{background:#f0f7f1;border-color:#9bc4a7;box-shadow:inset 0 0 0 1px #77a7871f}.aggregate-option input{accent-color:#5d9074;width:16px;height:16px;margin:2px 0 0}.aggregate-option span{gap:6px;display:grid}.aggregate-option strong{color:#4d6558;font-size:13px}.aggregate-option small{color:#8d9b91;font-size:10px;line-height:1.55}.aggregate-modal-tip{color:#8d9b91;background:#f6f8f3;border-radius:9px;margin:16px 0 0;padding:10px 12px;font-size:10px;line-height:1.6}.aggregate-result-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.aggregate-result-summary>div{text-align:center;background:#f7faf6;border:1px solid #e5ebe4;border-radius:11px;padding:11px 8px}.aggregate-result-summary strong{color:#4d6e5c;font-size:18px;display:block}.aggregate-result-summary small{color:#98a39a;margin-top:3px;font-size:10px;display:block}.aggregate-result-list{scrollbar-width:none;-ms-overflow-style:none;gap:14px;max-height:min(480px,54vh);padding-right:2px;display:grid;overflow-y:auto}.aggregate-result-list::-webkit-scrollbar{width:0;height:0;display:none}.aggregate-result-group{background:#fff;border:1px solid #e3ebe3;border-radius:12px;overflow:hidden}.aggregate-result-group-head{color:#53695c;background:#f3f8f3;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.aggregate-result-group-head strong{font-size:12px}.aggregate-result-group-head span{color:#91a097;white-space:nowrap;font-size:10px}.aggregate-result-table{display:grid}.aggregate-result-row{color:#6e7b72;text-align:right;border-top:1px solid #f0f3ef;grid-template-columns:minmax(180px,1fr) 72px 72px 72px;align-items:center;gap:8px;min-height:38px;padding:6px 12px;font-size:11px;display:grid}.aggregate-result-row>:first-child{text-align:left}.aggregate-result-head{color:#9ba69d;background:#fbfcfa;min-height:30px;font-size:10px}.aggregate-material-name{align-items:center;gap:7px;min-width:0;display:flex}.aggregate-material-name i{border:1px solid #485b4e29;border-radius:5px;flex:0 0 17px;width:17px;height:17px}.aggregate-material-name b{color:#53685a}.aggregate-material-name small{color:#9aa59c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.aggregate-result-row strong{color:#53685a;font-weight:800}.aggregate-result-row em{color:#d27c61;font-style:normal;font-weight:700}.aggregate-result-row em.clear{color:#7ca087}@media (width<=620px){.aggregate-options{grid-template-columns:1fr}.aggregate-result-row{grid-template-columns:minmax(140px,1fr) 54px 54px 54px;gap:5px;padding-left:9px;padding-right:9px}.aggregate-result-group-head{flex-direction:column;align-items:flex-start;gap:3px}}.generator-size-field{color:#718077;margin-top:10px;font-size:10px;display:block}.generator-size-field .field{margin-top:6px}.template-media-viewer-stage{touch-action:none;cursor:default;height:min(680px,100vh - 120px);min-height:240px;display:block;position:relative;overflow:hidden}.template-media-viewer-stage.zoomed{cursor:grab}.template-media-viewer-stage.dragging{cursor:grabbing}.template-media-viewer-stage img.sized{flex:none;max-width:none;max-height:none;position:absolute;top:50%;left:50%}.template-empty-state{background:linear-gradient(135deg,#fffefb 0%,#f5faf5 100%);border:1px solid #e5ece6;border-radius:20px;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:28px;width:min(760px,100%);min-height:220px;margin:24px auto 12px;padding:34px 42px;display:grid;box-shadow:0 14px 34px #5069570f}.template-empty-art{background:#edf6ef;border:1px solid #dce9df;border-radius:26px;grid-template-columns:repeat(5,13px);place-content:center;gap:5px;width:116px;height:116px;display:grid;transform:rotate(-4deg)}.template-empty-art i{background:#b9d9c3;border-radius:4px;width:13px;height:13px}.template-empty-art i:nth-child(3n){background:#efc6a9}.template-empty-art i:nth-child(4n){background:#c9c0de}.template-empty-art i:nth-child(7n){background:#f2df9e}.template-empty-copy .eyebrow{color:#7ea58b}.template-empty-copy h3{color:#40574b;letter-spacing:-.03em;margin:9px 0 8px;font-size:20px}.template-empty-copy p{color:#8e9c92;max-width:420px;margin:0;font-size:12px;line-height:1.7}.template-empty-actions{align-items:center;gap:9px;margin-top:20px;display:flex}.template-empty-actions .primary-button,.template-empty-actions .secondary-button{padding:10px 14px}.template-empty-actions .primary-button span{margin-left:8px}.template-empty-actions .secondary-button{border:1px solid #dfe9e0}.template-empty-state+.pagination{margin-top:14px}@media (width<=720px){.template-empty-state{text-align:center;grid-template-columns:1fr;justify-items:center;gap:19px;padding:30px 22px}.template-empty-copy p{margin:0 auto}.template-empty-actions{flex-wrap:wrap;justify-content:center}}.design-toolbar{color:#7d8b82;background:#fbfdfb;border:1px solid #e7eee8;border-radius:11px;align-items:center;gap:14px;min-height:44px;margin:18px 0 10px;padding:8px 14px;font-size:11px;display:flex}.design-toolbar label{color:#5f7267;align-items:center;gap:7px;font-weight:700;display:inline-flex}.design-toolbar>span{color:#97a39a}.design-toolbar .table-action{white-space:nowrap;border-radius:7px;margin-left:0;padding:6px 8px}.design-toolbar .table-action.danger{margin-left:auto}.design-toolbar .table-action:disabled{color:#b9c1ba;cursor:not-allowed;background:0 0}.design-select{flex:0 0 18px;justify-content:center;align-items:center;display:inline-flex}.design-select input,.design-toolbar input{accent-color:#6e9b82;cursor:pointer;width:15px;height:15px}.design-row .design-copy{min-width:0}.design-row .design-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-designs-page .table-action.danger{color:#b7473d;background:0 0}.user-designs-page .table-action.danger:hover:not(:disabled){color:#9f392f;background:#fff0ed}.user-designs-page .table-action.danger:disabled{color:#b9c1ba;cursor:not-allowed;background:0 0}.user-empty-state{background:linear-gradient(135deg,#fffefb 0%,#f5faf5 100%);border:1px solid #e5ece6;border-radius:20px;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:28px;min-height:220px;padding:34px 42px;display:grid;box-shadow:0 14px 34px #5069570f}.user-empty-state .user-empty-art{background:#edf6ef;border:1px solid #dce9df;border-radius:26px;grid-template-columns:repeat(5,13px);place-content:center;gap:5px;width:116px;height:116px;display:grid;transform:rotate(-4deg)}.user-empty-state .user-empty-art i{background:#b9d9c3;border-radius:4px;width:13px;height:13px}.user-empty-state .user-empty-art i:nth-child(3n){background:#efc6a9}.user-empty-state .user-empty-art i:nth-child(4n){background:#c9c0de}.user-empty-state .user-empty-art i:nth-child(7n){background:#f2df9e}.user-empty-copy{justify-items:start;gap:8px;display:grid}.user-empty-copy .eyebrow{color:#7ea58b}.user-empty-copy strong{color:#40574b;letter-spacing:-.03em;font-size:20px}.user-empty-copy>span:not(.eyebrow){color:#8e9c92;max-width:460px;font-size:12px;line-height:1.7}.user-empty-copy .primary-button{margin-top:9px;padding:10px 14px}.user-empty-copy .primary-button span,.user-empty-inline .secondary-button span{margin-left:8px}.palette-empty-state{margin-top:20px}.palette-empty-art{background:#f1f7ef!important}.palette-empty-art i:nth-child(3n){background:#a8d0ba!important}.design-empty-state{margin-top:20px}.design-empty-art{background:#f3f1f9!important;border-color:#e2ddef!important}.design-empty-art i:nth-child(3n){background:#b5acd5!important}.design-empty-art i:nth-child(4n){background:#f0c1a8!important}.user-empty-inline{color:#8e9c92;text-align:center;background:linear-gradient(135deg,#fffefb,#f7faf7);justify-items:center;gap:7px;min-height:180px;padding:26px 18px;display:grid}.user-empty-inline-art{color:#6f9d81;background:#e8f3e9;border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:3px;font-size:20px;display:grid}.user-empty-inline strong{color:#52695b;font-size:13px}.user-empty-inline>span{max-width:340px;font-size:11px;line-height:1.6}.user-empty-inline .secondary-button{margin-top:7px;padding:8px 12px;font-size:11px}.event-empty-inline{border-radius:10px;min-height:145px}.event-empty-inline .user-empty-inline-art{color:#9988ae;background:#f1edf8}@media (width<=720px){.user-empty-state{text-align:center;grid-template-columns:1fr;justify-items:center;gap:19px;padding:30px 22px}.user-empty-copy{justify-items:center}.user-empty-copy>span:not(.eyebrow){margin:0 auto}.user-empty-state .user-empty-art{width:100px;height:100px}.user-empty-copy strong{font-size:18px}}.template-empty-state{width:100%;margin-left:0;margin-right:0}.palette-user-card.is-empty .palette-empty-state{box-shadow:none;background:0 0;border-color:#0000}.member-page-heading{align-items:center}.member-platform-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px;margin-top:13px;display:grid}.member-page .member-hero{background-color:#eaf4e9;background-image:linear-gradient(90deg,#e7f3e8f7 0%,#eef7edeb 48%,#f9f4e873 100%),url(https://nyjc-public.oss-cn-shanghai.aliyuncs.com/haodoua/pc-user/assets/landing-platform-pc.webp);background-position:50%,62%;background-size:cover;border:1px solid #dfece1;min-height:236px;margin:0;padding:30px 28px;position:relative;overflow:hidden;box-shadow:0 14px 34px #516f5914}.member-page .member-hero:after{display:none}.member-hero-main{z-index:1;max-width:690px;position:relative}.member-status-line{align-items:center;gap:10px;display:flex}.member-status-tag{color:#8e948c;background:#ffffff9e;border-radius:6px;padding:4px 8px;font-size:9px;font-weight:800}.member-status-tag.active{color:#5e8b6e;background:#ebf8ede6}.member-page .member-hero h2{color:#3f5c4d;margin:13px 0 8px;font-size:29px}.member-page .member-hero p{color:#6e8176;max-width:640px;margin:0;font-size:13px}.member-page .member-orbit{display:none}.member-page .member-orbit strong{font-size:42px;line-height:1;transform:rotate(-12deg)}.member-page .member-orbit span{color:#7e9b87;letter-spacing:.12em;text-align:center;margin-top:7px;font-size:8px;font-weight:800;line-height:1.45;transform:rotate(-12deg)}.mini-program-promo{background-color:#edf6eb;background-image:linear-gradient(98deg,#edf7edfc 0%,#edf7edf7 56%,#edf7edcc 100%),url(https://nyjc-public.oss-cn-shanghai.aliyuncs.com/haodoua/pc-user/assets/landing-platform-mini.webp);background-position:50%,right 42%;background-size:cover,auto 165%;border:1px solid #dce9dc;border-radius:17px;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:14px;min-width:0;min-height:236px;margin-top:0;padding:20px 22px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 22px #516f590d}.mini-program-promo-copy{z-index:1;flex-direction:column;justify-content:center;min-width:0;padding:0;display:flex;position:relative}.mini-program-promo-kicker{color:#6d9978;letter-spacing:.06em;font-size:10px;font-weight:750}.mini-program-promo h2{color:#3f5c4d;letter-spacing:-.02em;margin:9px 0 6px;font-size:23px}.mini-program-promo-lead{color:#74877a;max-width:580px;margin:0;font-size:12px;line-height:1.7}.mini-program-benefits{color:#5b7964;flex-wrap:wrap;gap:8px 20px;margin:15px 0 17px;padding:0;font-size:10px;list-style:none;display:flex}.mini-program-benefits li{align-items:center;gap:7px;display:flex}.mini-program-benefits li:before{content:"";background:#82ad8b;border-radius:50%;flex:0 0 5px;width:5px;height:5px}.mini-program-promo-footer{flex-wrap:wrap;align-items:center;gap:13px 22px;display:flex}.mini-program-member-state{align-items:center;gap:8px;min-width:0;display:flex}.mini-program-member-dot{background:#b1b8b0;border-radius:50%;flex:0 0 8px;width:8px;height:8px}.mini-program-member-state.active .mini-program-member-dot{background:#6ba77a;box-shadow:0 0 0 3px #6ba77a21}.mini-program-member-state strong,.mini-program-member-state small{display:block}.mini-program-member-state strong{color:#516b58;font-size:10px}.mini-program-member-state small{color:#839488;margin-top:3px;font-size:9px}.mini-program-intro-button{color:#4f7a5c;cursor:pointer;background:#ffffffb8;border:1px solid #65916e52;border-radius:8px;align-items:center;gap:7px;min-height:31px;padding:0 11px;font-size:10px;font-weight:700;transition:background .18s,transform .18s;display:inline-flex}.mini-program-intro-button:hover{background:#fff;transform:translateY(-1px)}.mini-program-intro-button span{font-size:15px;line-height:1}.mini-program-qr{z-index:1;color:#627967;min-width:0;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:0;align-content:center;justify-items:center;gap:10px;padding:0;display:grid;position:relative}.mini-program-qr img{object-fit:contain;background:#fff;border-radius:8px;width:116px;height:116px;padding:4px;display:block}.mini-program-qr>strong{font-size:10px;font-weight:650}.mini-program-qr-empty{color:#89978a;text-align:center;background:#f8fbf7;border:1px dashed #d7e3d5;border-radius:8px;place-items:center;width:116px;height:116px;padding:10px;font-size:10px;line-height:1.6;display:grid}.mini-program-qr.unavailable{cursor:default}.member-qr-modal.platform-intro-modal{text-align:left;flex-direction:column;align-items:stretch;gap:0;width:min(680px,92vw);max-height:min(760px,100dvh - 48px);padding:28px 30px 20px;display:flex;overflow:hidden}.member-platform-intro-header{flex:none;padding-right:36px;position:relative}.member-qr-modal.platform-intro-modal h2{text-align:left;margin:6px 0 12px}.member-platform-intro-content{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;color:#6f7f74;border-top:1px solid #edf1ec;flex:auto;min-height:0;max-height:none;padding:14px 2px 8px 0;font-size:12px;line-height:1.8;overflow-y:auto}.member-platform-intro-footer{border-top:1px solid #edf1ec;flex:none;justify-content:flex-end;margin-top:10px;padding-top:13px;display:flex}.member-platform-intro-content p{margin:0 0 9px}.member-qr-modal.platform-intro-modal .primary-button{min-height:34px;padding:0 15px}@media (width<=760px){.member-qr-modal.platform-intro-modal{width:92vw;max-height:calc(100dvh - 48px);padding:24px 20px 16px}.member-qr-modal.platform-intro-modal h2{font-size:19px}}.member-page .cdk-panel{background:linear-gradient(105deg,#f2f8f2 0%,#fff 72%);border-color:#dfe9df;border-radius:15px;grid-template-columns:minmax(250px,.72fr) minmax(420px,1.28fr);align-items:center;gap:24px;min-height:88px;margin-top:13px;padding:16px 22px;display:grid;box-shadow:0 7px 20px #4b5c4f0b}.cdk-copy{align-items:center;gap:12px;min-width:0;display:flex}.cdk-icon{color:#659475;background:#e7f3e9;border:1px solid #d8e9dc;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.cdk-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55px;width:21px;height:21px}.cdk-copy-text{gap:5px;min-width:0;display:grid}.cdk-copy strong{color:#4b6253;font-size:14px}.cdk-copy small{color:#8e9d91;font-size:10px}.cdk-form{align-items:center;gap:10px;min-width:0;display:flex}.cdk-input-shell{color:#93a398;background:#fffffff0;border:1px solid #e0e9e0;border-radius:10px;flex:1;align-items:center;gap:9px;min-width:0;height:42px;padding:0 12px;transition:border-color .16s,box-shadow .16s;display:flex}.cdk-input-shell:focus-within{border-color:#9dc4a5;box-shadow:0 0 0 3px #71a37b1c}.cdk-input-shell svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;flex:0 0 17px;width:17px;height:17px}.cdk-form .field{color:#526459;width:100%;min-width:0;height:100%;box-shadow:none;background:0 0;border:0;outline:0;margin:0;padding:0;font-size:12px}.cdk-form .field:focus{box-shadow:none;border:0;outline:0}.cdk-form .primary-button{white-space:nowrap;border-radius:10px;flex:none;min-height:42px;padding:0 20px}.member-section-heading{justify-content:space-between;align-items:end;gap:16px;margin:30px 0 14px;display:flex}.member-section-heading h2{color:#465a50;margin:7px 0 0;font-size:21px}.member-section-heading>span{color:#9ca49d;font-size:10px}.member-plan-picker{gap:13px;display:grid}.member-plan-filter-tabs{background:#f1f6f1;border:1px solid #e4ebe3;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:5px;display:grid}.member-plan-filter-tab{color:#718176;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-items:center;gap:3px;min-width:0;min-height:43px;padding:6px 10px;transition:background .16s,border-color .16s,color .16s,box-shadow .16s;display:grid}.member-plan-filter-tab>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:700;overflow:hidden}.member-plan-filter-tab small{color:#9aa79d;font-size:9px}.member-plan-filter-tab.active{color:#4d7d5c;background:#fff;border-color:#b9d6c0;box-shadow:0 2px 7px #41684a12}.member-plan-filter-tab.active small{color:#74977c}.member-plan-context{justify-content:space-between;align-items:center;gap:12px;padding:0 2px;display:flex}.member-plan-context strong{color:#53685d;font-size:12px}.member-plan-context span{color:#9aa69d;text-align:right;font-size:10px}.product-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.product-option{background:#fcfdfb;border:1px solid #edf0eb;border-radius:10px;padding:10px 11px}.product-option-main{justify-content:space-between;align-items:center;gap:10px;display:flex}.product-option-main>div{min-width:0}.product-option-main strong,.product-option-main span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.product-option-main strong{color:#59685e;font-size:11px}.product-option-main span{color:#a0aaa2;margin-top:4px;font-size:9px}.product-option-main>b{color:#4e7a62;flex:none;font-size:16px}.product-option-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.product-option-footer .outline-button{padding:6px 8px;font-size:10px}.product-featured-tag{color:#b17b51;background:#fff2df;border-radius:5px;padding:3px 6px;font-size:9px;font-weight:800}.member-plan-empty{color:#9aa59c;background:#fff9;border:1px dashed #dfe6df;border-radius:14px;place-items:center;min-height:150px;font-size:12px;display:grid}@media (width<=1180px){.product-options{grid-template-columns:repeat(3,minmax(0,1fr))}.member-page .cdk-panel{grid-template-columns:1fr 1.5fr}.member-platform-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.member-page .member-hero{padding:24px 20px}.mini-program-promo{grid-template-columns:minmax(0,1fr) 124px;gap:10px;padding:18px}.mini-program-promo-copy,.mini-program-qr{min-height:0}.mini-program-qr img,.mini-program-qr-empty{width:100px;height:100px}}@media (width<=760px){.product-options{grid-template-columns:repeat(2,minmax(0,1fr))}.member-platform-cards{grid-template-columns:minmax(0,1fr)}.member-page .member-hero{min-height:180px}.mini-program-promo{grid-template-columns:minmax(0,1fr) 124px;gap:10px;padding:16px}.mini-program-promo-copy{min-height:0;box-shadow:none;background:0 0;padding:0}.mini-program-promo h2{font-size:18px}.mini-program-promo-lead{font-size:10px}.mini-program-benefits{gap:7px;margin:12px 0;font-size:9px;display:grid}.mini-program-promo-footer{flex-direction:column;align-items:flex-start;gap:10px}.mini-program-qr{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;gap:6px;padding:0}.mini-program-qr img,.mini-program-qr-empty{width:92px;height:92px}.mini-program-qr>strong,.mini-program-qr-empty{font-size:9px}}.member-qr-backdrop{z-index:130;background:0 0;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.customer-service-dialog-backdrop{z-index:130;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#27332b40;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.member-qr-modal{text-align:center;background:#fffdf9;border:1px solid #dce8de;border-radius:20px;justify-items:center;gap:8px;width:min(360px,92vw);padding:30px 28px 25px;display:grid;position:relative;box-shadow:0 26px 80px #32362f38}.member-qr-modal .eyebrow{color:#78a188}.member-qr-modal h2{color:#40574b;margin:3px 0 0;font-size:22px}.member-qr-modal p{color:#8d9991;margin:0;font-size:12px;line-height:1.7}.member-qr-modal>small{color:#9aa69d;font-size:10px}.member-qr-close{color:#8b9890;background:0 0;border:0;border-radius:50%;width:29px;height:29px;font-size:23px;line-height:1;position:absolute;top:11px;right:13px}.member-qr-close:hover{color:#df8061;background:#f6eee7}.member-qr-box{background:#f2f8f1;border:1px solid #d9e7da;border-radius:16px;place-items:center;width:220px;height:220px;margin:8px 0 4px;padding:10px;display:grid}.member-qr-box img{object-fit:contain;background:#fff;border-radius:8px;width:198px;height:198px;display:block}.setting-wide{grid-column:1/-1}.user-layout button{font-family:inherit;line-height:1.2}.user-layout button:focus-visible{outline-offset:2px;outline:3px solid #6f9d8138}.user-layout .primary-button,.user-layout .secondary-button,.user-layout .outline-button{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:35px;padding:0 14px;font-size:11px;font-weight:800;display:inline-flex}.user-layout .primary-button{color:#fff;background:#3f665b;border:1px solid #3f665b}.user-layout .primary-button span{margin-left:0}.user-layout .secondary-button{color:#5d7568;background:#f2f7f2;border:1px solid #dfe9e1}.user-layout .outline-button{color:#5d7568;background:#fff;border:1px solid #d8e1d9}.user-layout .primary-button:hover{background:#2f5147;border-color:#2f5147}.user-layout .secondary-button:hover,.user-layout .outline-button:hover{color:#4f8065;background:#edf6ef;border-color:#a9c7b0}.user-layout .primary-button:disabled,.user-layout .secondary-button:disabled,.user-layout .outline-button:disabled{color:#aab3ac;background:#f3f5f3;border-color:#e4e9e4}.user-layout .text-button,.user-layout .table-action,.user-layout .link-button{color:#64816f;white-space:nowrap;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:30px;padding:0 8px;font-size:10px;font-weight:800;display:inline-flex}.user-layout .text-button:hover,.user-layout .table-action:hover,.user-layout .link-button:hover{color:#4f8065;background:#edf6ef}.user-layout .palette-user-color-row .table-action.danger{color:#b7473d;background:#fff0ed}.user-layout .palette-user-color-row .table-action.danger:hover{color:#9f392f;background:#ffe9e1}.user-layout .text-button:disabled,.user-layout .table-action:disabled,.user-layout .link-button:disabled{color:#b8c1b9;cursor:not-allowed;background:0 0}.user-layout .danger-button{color:#b96f5e!important;background:#fff2ed!important;border-color:#e9c5b8!important}.user-layout .danger-button:hover{color:#a85e4d!important;background:#ffe9e1!important;border-color:#d99b89!important}.user-layout .modal-close,.user-layout .user-modal-close,.user-layout .member-qr-close,.user-layout .login-modal-close{color:#84948a;background:0 0;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;font-size:20px;line-height:1;display:inline-grid}.user-layout .modal-close:hover,.user-layout .user-modal-close:hover,.user-layout .member-qr-close:hover,.user-layout .login-modal-close:hover{color:#c97561;background:#fff1eb}.user-layout .fullscreen-button{color:#5f806b;background:#fff;border:1px solid #dce8de;border-radius:8px;min-height:30px;padding:0 10px;font-size:10px}.setting-wide small{color:#9aa59c;margin-top:7px;font-size:10px;display:block}.logout-button{color:#7d8c83;background:0 0;border:0;border-left:1px solid #e5e9e3;border-radius:0;justify-content:center;align-items:center;min-height:30px;padding:0 0 0 16px;font-family:inherit;font-size:10px;font-weight:800;transition:color .2s,background .2s;display:inline-flex}.logout-button:hover{color:#b96f5e;background:0 0}.user-layout .filter,.user-layout .palette-brand-tabs button,.user-layout .user-pagination button{color:#718178;background:#fff;border:1px solid #dfe8e0;border-radius:9px;min-height:32px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:800;transition:border-color .2s,color .2s,background .2s,transform .2s}.user-layout .filter:hover,.user-layout .palette-brand-tabs button:hover,.user-layout .user-pagination button:hover:not(:disabled){color:#4f8065;background:#edf6ef;border-color:#a9c7b0}.user-layout .filter.active,.user-layout .palette-brand-tabs button.active,.user-layout .user-pagination button.active{color:#fff;background:#648c78;border-color:#648c78;box-shadow:0 3px 9px #53846924}.user-layout .segmented button{color:#849188;min-height:32px;padding:0 8px;font-family:inherit;font-size:10px;font-weight:700;transition:color .2s,background .2s,box-shadow .2s}.user-layout .segmented button:hover{color:#4f8065;background:#f3f9f4}.user-layout .segmented button.selected{color:#4f8065;background:#edf5ef;box-shadow:inset 0 0 0 1px #cfe3d3}.user-layout .generator-choice-grid button,.user-layout .edit-tools button,.user-layout .processing-option{font-family:inherit;transition:border-color .2s,color .2s,background .2s,box-shadow .2s,transform .2s}.user-layout .generator-choice-grid button:focus-visible,.user-layout .edit-tools button:focus-visible,.user-layout .processing-option:focus-within{outline-offset:2px;outline:3px solid #6f9d812e}.user-layout .canvas-toolbar button,.user-layout .material-replace-trigger,.user-layout .color-picker-trigger{color:#64816f;background:#fff;border:1px solid #dce8de;border-radius:8px;justify-content:center;align-items:center;min-height:30px;padding:0 9px;font-family:inherit;font-size:10px;font-weight:800;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.user-layout .canvas-toolbar button:hover,.user-layout .material-replace-trigger:hover,.user-layout .color-picker-trigger:hover{color:#4f8065;background:#edf6ef;border-color:#9fc5aa}.user-layout .canvas-toolbar button[title=缩小],.user-layout .canvas-toolbar button[title=放大]{width:30px;padding:0;font-size:15px}.user-layout .user-pagination{gap:7px}.user-layout .user-pagination button{min-width:32px;padding:0 9px}.user-layout .user-pagination button:disabled{color:#b8c1b9;cursor:not-allowed;opacity:.7;background:#f5f7f5;border-color:#e8ede8}.user-layout .quick-card,.user-layout .template-card{border:1px solid #0000;outline:0;font-family:inherit}.user-layout .quick-card:focus-visible,.user-layout .template-card:focus-visible{outline-offset:3px;outline:3px solid #6f9d8138}.user-layout .quick-card:hover{border-color:#56806538;box-shadow:0 10px 24px #4b5f5017}.user-layout .template-card:hover{border-color:#dce8de}.user-layout .template-card-actions{border-top:1px solid #f0f3ef;justify-content:flex-end;align-items:center;gap:7px;padding:12px 16px 15px;display:flex}.user-layout .template-card-actions .outline-button{min-height:30px;padding:0 10px;font-size:10px}.user-layout .quick-grid{gap:16px}.user-layout .quick-card{border:1px solid #ffffffad;border-radius:20px;min-height:156px;padding:22px 24px;overflow:hidden;box-shadow:0 9px 22px #4c584d0e}.user-layout .quick-card:before{content:"";background:#ffffff47;border-radius:50%;width:132px;height:132px;position:absolute;top:-54px;right:-30px}.user-layout .quick-card:after{content:"";border:1px solid #ffffff40;border-radius:50%;width:92px;height:92px;position:absolute;bottom:-58px;right:25px}.user-layout .quick-card>*{z-index:1;position:relative}.user-layout .quick-card .quick-card-icon{color:currentColor;background:#ffffff6b;border:1px solid #ffffffb3;border-radius:14px;place-items:center;width:43px;height:43px;margin:0 0 17px;font-size:0;display:grid;box-shadow:0 5px 12px #53534414}.user-layout .quick-card .quick-card-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;width:23px;height:23px}.user-layout .quick-card strong{letter-spacing:-.02em;margin-top:0;font-size:14px}.user-layout .quick-card small{color:currentColor;opacity:.67;max-width:210px;margin-top:7px;line-height:1.5}.user-layout .quick-card b{color:currentColor;background:#ffffff6b;border-radius:50%;place-items:center;width:29px;height:29px;font-size:16px;font-weight:700;display:grid;position:absolute;bottom:18px;right:20px}.user-layout .quick-card.peach{color:#815d50;background:linear-gradient(135deg,#fff0e7 0%,#f8dfd1 100%);border-color:#f6d9c9}.user-layout .quick-card.coral{color:#8c5d5c;background:linear-gradient(135deg,#fce9e8 0%,#f5dada 100%);border-color:#f0d0d0}.user-layout .quick-card.mint{color:#4d796c;background:linear-gradient(135deg,#eaf6f1 0%,#dceee8 100%);border-color:#cfe7de}.user-layout .quick-card.lavender{color:#6d6683;background:linear-gradient(135deg,#f0edf8 0%,#e5e1f0 100%);border-color:#dad4eb}.user-layout .quick-card.blue{color:#557487;background:linear-gradient(135deg,#eaf3f8 0%,#dce9f1 100%);border-color:#cddfe9}.user-layout .quick-card.gold{color:#7c6a43;background:linear-gradient(135deg,#fbf3dc 0%,#f4e9c9 100%);border-color:#eddfb9}.user-layout .home-template-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.user-layout .home-template-card{aspect-ratio:1;background:#f4f7f3;border:1px solid #e6ece7;border-radius:19px;overflow:hidden;box-shadow:0 8px 22px #495c4e12}.user-layout .home-template-card:hover{border-color:#c8ddcd;box-shadow:0 14px 28px #495c4e1f}.user-layout .home-template-thumb{aspect-ratio:1;background:#f4f7f3;height:100%;min-height:0;overflow:hidden}.user-layout .home-template-thumb .template-thumb-image{object-fit:contain;object-position:center;width:100%;max-width:none;height:100%}.user-layout .home-template-thumb .mini-art{opacity:.7}.user-layout .home-template-overlay{z-index:1;color:#fff;text-shadow:0 1px 3px #1a261f47;background:linear-gradient(#24362d00 0%,#24362dc7 100%);flex-direction:column;align-items:flex-start;gap:4px;padding:48px 17px 15px;display:flex;position:absolute;bottom:0;left:0;right:0}.user-layout .home-template-overlay strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;overflow:hidden}.user-layout .home-template-overlay span{color:#ffffffdb;font-size:10px}.user-layout .home-template-card .recommended-tag{top:13px;left:13px}.user-layout .home-template-card .user-member-badge{top:13px;right:13px}@media (width<=760px){.user-layout .home-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-layout .home-template-thumb{height:100%}}@media (width<=520px){.user-layout .home-template-grid{grid-template-columns:1fr}}.user-layout .template-library-toolbar{align-items:center;gap:18px;margin-bottom:24px;display:flex}.user-layout .template-category-row{flex-wrap:wrap;flex:auto;align-items:center;gap:9px;min-width:0;display:flex}.user-layout .template-category-row .filter-count{white-space:nowrap;margin-left:auto}.user-layout .template-sort-row{border-left:1px solid #e8e8df;flex:none;align-items:center;gap:8px;padding-left:18px;display:flex}.user-layout .template-sort-row>span{color:#9b9c93;margin-right:3px;font-size:11px}.user-layout .template-sort-row .filter{padding:7px 12px}.user-layout .template-info .template-stats{color:#7d9b87;margin-top:6px;font-size:10px}.user-layout .resource-limit-hint{color:#91a096;white-space:nowrap;font-size:10px}.user-layout .resource-limit-hint.locked{color:#c28a68}.user-layout .user-sidebar{flex-direction:column;display:flex;overflow:hidden}.user-layout .user-sidebar .side-nav{scrollbar-width:none;-ms-overflow-style:none;flex:auto;min-height:0;overflow-y:auto}.user-layout .user-sidebar .side-nav::-webkit-scrollbar{width:0;height:0;display:none}.user-layout .user-sidebar .side-nav{align-content:start;gap:14px}.user-layout .user-sidebar .nav-group{gap:4px}.user-layout .user-sidebar .nav-group-title{padding-bottom:4px}.user-layout .user-sidebar .side-nav button{padding-top:9px;padding-bottom:9px}.top-avatar{position:relative}.top-avatar-icon{fill:none;stroke:#fffffff5;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55px;width:19px;height:19px}.top-avatar-icon path:last-child{fill:#fffffff5;stroke:none}@media (width<=1250px){.user-layout .template-library-toolbar{flex-wrap:wrap;align-items:flex-start}.user-layout .template-category-row{flex-basis:100%}.user-layout .template-sort-row{margin-left:auto}}body:has(.marketing-page){min-width:0}.marketing-features{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr);align-items:stretch;gap:10px}.marketing-features,.marketing-features article{min-width:0}.marketing-features article:first-of-type{grid-column:1}.marketing-features article:nth-of-type(2){grid-column:3}.marketing-features article:nth-of-type(3){grid-column:5}.marketing-features article>.marketing-feature-index{z-index:2;color:#4e755f;letter-spacing:.1em;background:#fafdf9e6;border:1px solid #ffffffc2;border-radius:9px;place-items:center;width:38px;height:28px;font-size:11px;font-weight:800;display:grid;position:absolute;top:14px;left:14px;box-shadow:0 3px 10px #374b3d1f}.marketing-features p{width:100%;max-width:none}.marketing-feature-arrow{color:#6c9b7d;background:#ffffffc7;border:1px solid #cfe0d3e6;border-radius:50%;grid-column:auto;place-self:center;place-items:center;width:34px;height:34px;animation:1.8s ease-in-out infinite feature-arrow-nudge;display:grid;box-shadow:0 5px 14px #4c675312}.marketing-feature-arrow:nth-child(4){animation-delay:.35s}.marketing-feature-arrow svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}@keyframes feature-arrow-nudge{0%,to{opacity:.78;transform:translate(-2px)}50%{opacity:1;transform:translate(3px)}}@media (width<=760px){.marketing-features{grid-template-columns:minmax(0,1fr);gap:12px}.marketing-features article:first-of-type,.marketing-features article:nth-of-type(2),.marketing-features article:nth-of-type(3){grid-column:1}.marketing-feature-arrow{display:none}.marketing-features article>.marketing-feature-index{top:12px;left:12px}.marketing-features p{max-width:none}}@media (prefers-reduced-motion:reduce){.marketing-feature-arrow{animation:none}}.marketing-platform-section{padding:0 0 86px}.marketing-platform-head{margin-bottom:24px}.marketing-platform-head>div{max-width:760px}.marketing-platform-desc{color:#87958c;max-width:700px;margin:10px 0 0;font-size:13px;line-height:1.75}.marketing-platform-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.marketing-platform-card{background-color:#f4f8f1;background-position:100%;background-size:cover;border:1px solid #dae7dce6;border-radius:22px;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:18px;min-width:0;min-height:310px;padding:28px 30px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 30px #4d56480b}.marketing-platform-card-pc{background-image:linear-gradient(90deg,#edf8effc 0%,#edf8eff7 43%,#edf8efa6 70%,#edf8ef33 100%),url(https://nyjc-public.oss-cn-shanghai.aliyuncs.com/haodoua/pc-user/assets/landing-platform-pc.webp);grid-template-columns:minmax(0,1fr)}.marketing-platform-card-mini{background-color:#fbf5e9;background-image:linear-gradient(90deg,#fffaeffc 0%,#fffaeff5 40%,#fffaefb8 67%,#fffaef47 100%),url(https://nyjc-public.oss-cn-shanghai.aliyuncs.com/haodoua/pc-user/assets/landing-platform-mini.webp);border-color:#ebe2d2e6}.marketing-platform-copy{z-index:1;min-width:0;position:relative}.marketing-platform-label{color:#5c896d;letter-spacing:.04em;background:#ffffffb8;border-radius:8px;align-items:center;min-height:24px;padding:0 9px;font-size:10px;font-weight:750;display:inline-flex}.marketing-platform-card-mini .marketing-platform-label{color:#a37c55}.marketing-platform-card h3{color:#425c4c;letter-spacing:-.02em;margin:12px 0 9px;font-size:20px}.marketing-platform-summary{color:#7d8d82;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:100%;margin:0;font-size:12px;line-height:1.75;display:-webkit-box;overflow:hidden}.marketing-platform-features{color:#5f7867;gap:7px;margin:15px 0 0;padding:0;font-size:11px;line-height:1.45;list-style:none;display:grid}.marketing-platform-features li{align-items:center;gap:8px;display:flex}.marketing-platform-features li:before{content:"";background:#79a98a;border-radius:50%;flex:0 0 5px;width:5px;height:5px}.marketing-platform-card-mini .marketing-platform-features{color:#817052}.marketing-platform-card-mini .marketing-platform-features li:before{background:#d5a96c}.marketing-platform-intro-button{color:#4f8060;cursor:pointer;background:#ffffffc4;border:1px solid #6f9a7959;border-radius:9px;align-items:center;gap:10px;min-height:34px;margin-top:17px;padding:0 13px;font-size:11px;font-weight:700;transition:transform .18s,background .18s;display:inline-flex}.marketing-platform-intro-button:hover{background:#fff;transform:translateY(-1px)}.marketing-platform-intro-button span{font-size:13px}.marketing-platform-card-mini .marketing-platform-intro-button{color:#947248;border-color:#b7956252}.marketing-platform-visual{background:#ffffff8a;border:1px solid #ffffffdb;border-radius:30px;justify-self:center;place-items:center;width:116px;height:116px;display:grid;position:relative;box-shadow:0 12px 28px #4e6d5612}.marketing-platform-visual-pc svg{fill:none;stroke:#6c9d7b;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:62px;height:62px}.platform-visual-dot{background:#e4ac76;border:2px solid #ffffffe6;border-radius:50%;width:12px;height:12px;position:absolute}.platform-visual-dot.dot-one{top:16px;right:17px}.platform-visual-dot.dot-two{background:#9bc5a5;width:8px;height:8px;bottom:20px;left:14px}.marketing-platform-qr{background:#ffffffc7;border:1px solid #e7decdd9;border-radius:15px;justify-self:center;justify-items:center;gap:8px;width:132px;padding:9px 8px 10px;display:grid}.marketing-platform-qr img{object-fit:contain;background:#fff;border-radius:9px;width:108px;height:108px;padding:4px;display:block}.marketing-platform-qr strong{color:#8c7759;font-size:10px;font-weight:650}.marketing-platform-qr .marketing-qr-empty{padding:12px 5px;font-size:9px}.marketing-platform-qr .marketing-qr-retry{color:#896f4d;cursor:pointer;background:#fffc;border:1px solid #c4b29373;border-radius:6px;margin:7px auto 0;padding:4px 7px;font-size:9px;display:block}.marketing-platform-qr .marketing-qr-retry:disabled{opacity:.55;cursor:wait}@media (width<=760px){.marketing-platform-section{padding-bottom:56px}.marketing-platform-head{margin-bottom:18px;display:block}.marketing-platform-desc{font-size:12px}.marketing-platform-cards{grid-template-columns:minmax(0,1fr);gap:12px}.marketing-platform-card{background-position:58%;border-radius:18px;grid-template-columns:minmax(0,1fr) 94px;gap:10px;min-height:278px;padding:20px 17px}.marketing-platform-card-pc{background-image:linear-gradient(90deg,#edf8effc 0%,#edf8eff2 58%,#edf8ef8a 100%),url(https://nyjc-public.oss-cn-shanghai.aliyuncs.com/haodoua/pc-user/assets/landing-platform-pc.webp);grid-template-columns:minmax(0,1fr)}.marketing-platform-card-mini{background-image:linear-gradient(90deg,#fffaeffc 0%,#fffaeff2 56%,#fffaef94 100%),url(https://nyjc-public.oss-cn-shanghai.aliyuncs.com/haodoua/pc-user/assets/landing-platform-mini.webp)}.marketing-platform-card h3{margin:9px 0 7px;font-size:16px}.marketing-platform-summary{-webkit-line-clamp:3;font-size:11px}.marketing-platform-qr{border-radius:11px;gap:5px;width:88px;padding:5px}.marketing-platform-qr img{width:72px;height:72px}.marketing-platform-qr strong{font-size:9px}.marketing-platform-features{gap:6px;margin-top:12px;font-size:9px}.marketing-platform-features li{gap:6px}.marketing-platform-intro-button{min-height:31px;margin-top:13px;padding:0 10px;font-size:10px}}.login-qr-box{background:0 0;border-color:#0000}