:root{color:#17201b;background:#f7faf6;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#edf5ef;-webkit-text-size-adjust:100%}button{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}input,textarea{font-size:16px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,.tabs button,.editor-prompt-preview,.editor-ratio-btn,.template-card{-webkit-user-select:none;user-select:none}.app-shell{min-height:100vh;max-width:480px;margin:0 auto;background:linear-gradient(180deg,#f5fbf6,#fff 34%,#f3f8f4);position:relative;overflow-x:clip;padding-bottom:92px}.topbar{height:58px;padding:env(safe-area-inset-top) 16px 0;display:flex;align-items:center;justify-content:space-between}.sticky-top{position:sticky;top:0;z-index:5;background:#f7faf6e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar div{display:grid;gap:2px;text-align:center}.topbar .brand-title{font-size:26px;font-weight:950;letter-spacing:0;color:#111814}.topbar strong{font-size:18px;letter-spacing:0}.topbar span{color:#6f7c73;font-size:12px}.icon-btn{width:38px;height:38px;border:0;border-radius:50%;color:#1d3829;background:#ffffffd1;box-shadow:0 8px 24px #164a2b1a;display:grid;place-items:center}.hero{margin:12px 16px 14px;padding:30px 18px 18px;min-height:215px;color:#16261d;border-radius:24px;background:radial-gradient(circle at 86% 20%,rgba(255,210,92,.46),transparent 32%),linear-gradient(135deg,#e9fff0,#fff 54%,#dff6eb);box-shadow:0 18px 42px #1b5f3724;position:relative;overflow:hidden}.search-row{height:44px;margin:16px;padding:0 14px;display:flex;align-items:center;gap:10px;border:1px solid #dcebe0;border-radius:999px;color:#728077;background:#fff;box-shadow:0 10px 22px #1e4f3212}.search-row input{width:100%;border:0;outline:0;color:#17201b;background:transparent;font-size:16px}.eyebrow{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;color:#087d45;font-weight:700;font-size:13px}.hero h1{margin:0;max-width:260px;font-size:37px;line-height:1.16;letter-spacing:0;position:relative;z-index:2}.hero h1 span{color:#0ba64e}.hero p:last-of-type{margin:10px 0 20px;max-width:298px;color:#536158;font-size:17px;line-height:1.55;position:relative;z-index:2}.hero-action{height:42px;padding:0 18px;border:0;border-radius:999px;display:inline-flex;align-items:center;gap:8px;color:#fff;background:#07c160;box-shadow:0 10px 24px #07c16047;font-weight:800;position:relative;z-index:2}.hero-proofs{position:absolute;left:18px;bottom:18px;display:flex;gap:18px;color:#315d42;z-index:2}.hero-proofs small{display:inline-flex;align-items:center;gap:4px;font-size:12px}.hero-stack{position:absolute;right:-18px;top:40px;width:178px;height:142px;z-index:1}.hero-stack .template-art{position:absolute;width:92px;border:3px solid #fff;border-radius:14px;box-shadow:0 12px 24px #1e4f322e}.hero-stack .template-art:nth-child(1){left:2px;top:0;transform:rotate(2deg)}.hero-stack .template-art:nth-child(2){left:76px;top:22px;transform:rotate(9deg)}.hero-stack .template-art:nth-child(3){left:124px;top:40px;transform:rotate(14deg)}.template-toolbar{position:sticky;top:0;z-index:6;margin-top:14px;padding-top:8px;background:linear-gradient(180deg,#fffffff5,#f9fdfaeb 78%,#f9fdfa00);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.section-title{margin:0 16px 14px;font-size:24px}.section-title:before{content:"🔥 ";font-size:20px}.tabs{display:flex;gap:10px;overflow-x:auto;padding:2px 16px 14px;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 auto;scroll-snap-align:start;height:34px;padding:0 16px;border:1px solid #dbe8de;border-radius:999px;color:#54635a;background:#fff}.tabs .active{color:#fff;border-color:#07c160;background:#07c160;font-weight:800}.template-stream{padding:0 16px 8px}.masonry-shell{position:relative}.masonry-grid{--masonry-gap: 12px;display:flex;align-items:flex-start;gap:var(--masonry-gap)}.masonry-grid-column{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--masonry-gap)}.masonry-grid-item{min-width:0}.template-card{width:100%;padding:0;border:1px solid #e5eee8;border-radius:12px;overflow:hidden;text-align:left;color:#17201b;background:#fffffffa;box-shadow:0 10px 24px #1e4f3214;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.template-card:active{transform:translateY(-2px);box-shadow:0 16px 32px #1958321f;border-color:#cfe7d7}.template-card-cover,.template-art{position:relative;width:100%;overflow:hidden;background:linear-gradient(180deg,#edf7f0,#e6f1ea);border-radius:0}.template-card-cover.is-landscape,.template-art.is-landscape{aspect-ratio:16 / 9}.template-card-cover.is-portrait,.template-art.is-portrait{aspect-ratio:4 / 5}.template-art img,.template-card-image,.lazy-image{width:100%;height:100%;object-fit:cover;display:block}.template-art img{transform:none}.template-art--sprite img,.template-card-image--sprite{transform:scale(2.18)}.template-card-body{padding:10px 10px 12px}.template-card strong,.template-card small,.template-card-heading{margin-left:0;margin-right:0}.template-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.template-card strong{display:block;margin-top:0;min-width:0;flex:1;font-size:15px;line-height:1.35;word-break:break-word}.template-card small{display:-webkit-box;margin-top:6px;min-height:20px;color:#738078;line-height:1.42;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.template-card-heading em{flex:0 0 auto;height:26px;padding:0 10px;border-radius:999px;color:#07a956;background:#e7f8ef;font-style:normal;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0;white-space:nowrap}.lazy-image-root{position:relative;width:100%;height:100%}.lazy-image{opacity:0;transition:opacity .28s ease}.lazy-image.is-loaded{opacity:1}.lazy-image-skeleton{position:absolute;inset:0;z-index:1}.lazy-image-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#94a49b;background:linear-gradient(180deg,#eef7f1,#edf4ef)}.template-card-fallback{display:grid;place-items:center}.skeleton{position:relative;overflow:hidden;background:linear-gradient(135deg,#ebf4ee,#f8fcf9 48%,#eaf3ed)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.78) 48%,transparent 100%);transform:translate(-125%);animation:skeletonShimmer 1.2s linear infinite}.template-card-skeleton{pointer-events:none}.template-text-skeleton{border-radius:999px}.skeleton-line-lg{width:76%;height:18px}.skeleton-line-sm{width:90%;height:14px;margin-top:8px}.skeleton-pill{min-width:74px;height:26px;border-radius:999px}.empty-template-state{padding:34px 18px;border:1px solid #deebe2;border-radius:20px;color:#64736a;text-align:center;background:#ffffffe6;box-shadow:0 10px 24px #1e4f3214}.masonry-sentinel{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 16px 18px;color:#6f7d73;font-size:13px}.safe-bottom{height:58px}.bottom-tabs{position:fixed;left:50%;bottom:0;z-index:10;width:min(480px,100vw);transform:translate(-50%);min-height:76px;padding:9px 18px calc(env(safe-area-inset-bottom) + 9px);background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid #e0ebe4;border-radius:22px 22px 0 0;box-shadow:0 -12px 28px #1638261f;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bottom-tabs button{border:0;background:transparent;color:#303832;display:grid;place-items:center;gap:4px;font-size:13px}.bottom-tabs .active{color:#07b65b;font-weight:900}.modal-mask{position:fixed;inset:0;z-index:20;max-width:480px;margin:0 auto;background:#09110de6;color:#fff;display:flex;flex-direction:column;animation:fadeIn .16s ease-out}.modal-back{position:absolute;top:calc(env(safe-area-inset-top) + 14px);left:16px;z-index:3;height:42px;padding:0 14px;border:0;border-radius:999px;color:#fff;background:#ffffff29;display:inline-flex;align-items:center;gap:4px}.modal-close{position:absolute;top:calc(env(safe-area-inset-top) + 14px);right:16px;z-index:3;width:42px;height:42px;border:0;border-radius:50%;color:#fff;background:#ffffff29;display:grid;place-items:center}.immersive-preview{flex:1;min-height:0;display:grid;align-content:center;padding:58px 12px 8px;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}.modal-art{width:100%;height:calc(100vh - 260px);max-height:calc(100vh - 238px);aspect-ratio:auto!important;border-radius:0;background:#050806;box-shadow:0 24px 80px #0000006b}.modal-art img{object-fit:contain;transform:none}.preview-hint{justify-self:center;margin-top:14px;padding:7px 12px;border-radius:999px;color:#ffffffe0;background:#ffffff1f;font-size:12px}.modal-info{display:flex;justify-content:space-between;gap:14px;padding:16px 18px 8px}.modal-info h2{margin:6px 0 5px;font-size:24px}.modal-info p{margin:0;color:#ffffffbd;line-height:1.5}.modal-tag{color:#82efb8;font-size:12px;font-weight:800}.modal-bottom{padding:12px 18px calc(env(safe-area-inset-bottom) + 18px)}.modal-bottom button,.sticky-paybar button{width:100%;height:52px;border:0;border-radius:999px;color:#fff;background:#07c160;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:17px;font-weight:900;box-shadow:0 14px 32px #07c1605c}.edit-shell{padding-bottom:96px;background:radial-gradient(circle at 18% 2%,rgba(7,193,96,.14),transparent 30%),linear-gradient(180deg,#f7fcf8,#fff 38%,#f1f8f3)}.editor-preview{position:relative;margin:12px 16px 10px;border:1px solid #dfeee4;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#e8f8eeeb,#fffffff5),#f3faf5;box-shadow:0 14px 30px #193f2a1f;touch-action:pan-x pan-y pinch-zoom}.result-art{aspect-ratio:auto!important;height:min(58vh,520px);background:#f3faf5}.result-art img{object-fit:contain;transform:none}.watermark{position:absolute;left:0;right:0;bottom:0;height:42px;display:grid;place-items:center;color:#ffffffe6;background:linear-gradient(180deg,#05080600,#0508069e);font-size:16px;font-weight:900;transform:none;text-shadow:0 2px 10px rgba(0,0,0,.46);pointer-events:none}.editor-panel{display:grid;gap:12px;margin:14px 16px 16px}.make-bar{position:fixed;left:50%;bottom:0;width:min(480px,100vw);transform:translate(-50%);padding:12px 16px calc(env(safe-area-inset-bottom) + 12px);background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid #e0ebe4}.make-bar button{width:100%;height:54px;border:0;border-radius:999px;color:#fff;background:#07c160;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:17px;font-weight:900;box-shadow:0 14px 32px #07c16052}.upload-box,.template-summary,.start-make{min-height:72px;padding:14px;border:1px solid #dcebe0;border-radius:14px;background:#fffffff5;display:flex;align-items:center;gap:12px;color:#1f3528;box-shadow:0 10px 24px #1e4f3212}.upload-zone{width:100%;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 16px;border:2px dashed #c5f0d4;border-radius:16px;background:linear-gradient(135deg,#f4fdf7,#e8faf0);color:#1f3528;cursor:pointer;transition:all .2s}.upload-zone:active{border-color:#07c160;background:linear-gradient(135deg,#e4fcef,#cff5e0)}.upload-zone-icon{width:56px;height:56px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#07c160;box-shadow:0 4px 14px #07c16029;margin-bottom:2px}.upload-zone strong{font-size:15px;color:#143b24}.upload-zone span{font-size:13px;color:#5a8a6b}.upload-zone small{font-size:11px;color:#99bca6;margin-top:2px}.upload-preview-card{position:relative;border-radius:14px;overflow:hidden;border:1px solid #dcebe0;box-shadow:0 10px 24px #1e4f321a;cursor:pointer}.upload-preview-card img{width:100%;display:block;object-fit:cover;max-height:220px}.upload-preview-overlay{position:absolute;inset:0;background:#00000061;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;font-size:14px}.upload-preview-remove{position:absolute;top:8px;right:8px;z-index:2;width:28px;height:28px;border-radius:50%;border:0;background:#00000085;color:#fff;display:grid;place-items:center;cursor:pointer}.upload-preview-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff4d}.upload-preview-progress span{display:block;height:100%;background:#07c160;transition:width .25s}.make-bar button:disabled{opacity:.72}.template-summary div{display:grid;gap:4px}.template-summary strong{font-size:16px}.template-summary span{color:#7a857d;font-size:13px}.helper-text{padding:0 2px;color:#6e7d73;font-size:13px;line-height:1.6}.ghost-icon-btn{width:38px;height:38px;border:0;border-radius:50%;color:#516258;background:#edf6ef;display:grid;place-items:center}.error-tip{padding:12px 14px;border-radius:14px;color:#b42318;background:#fff1f1;font-size:13px;line-height:1.5}.editor-stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 16px 2px}.editor-stepper span{height:36px;border-radius:999px;color:#6f7d73;background:#eef6f0;display:grid;place-items:center;font-size:13px;font-weight:700}.editor-stepper .active{color:#fff;background:#07c160}.start-make{width:100%;justify-content:center;color:#fff;background:#07c160;border-color:#07c160;font-size:17px;font-weight:900;box-shadow:0 14px 32px #07c16047}.making-shell,.processing-shell{display:grid;place-items:center;padding:26px 18px;background:radial-gradient(circle at 50% 10%,rgba(7,193,96,.18),transparent 34%),linear-gradient(180deg,#f4fff7,#fff 46%,#eff8f2)}.making-card,.processing-card{width:100%;padding:34px 24px;border-radius:26px;background:#fff;text-align:center;box-shadow:0 18px 44px #1b5f371f}.making-orbit{position:relative;width:104px;height:104px;margin:0 auto 18px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#07c160,#18d77b);display:grid;place-items:center;box-shadow:0 16px 34px #07c16057;animation:pulse 1.2s ease-in-out infinite}.making-orbit:before,.making-orbit:after{content:"";position:absolute;inset:-10px;border:1px solid rgba(7,193,96,.24);border-radius:50%;animation:orbitPulse 1.8s ease-in-out infinite}.making-orbit:after{inset:-20px;animation-delay:.28s}.making-orbit span{position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle at 35% 22%,rgba(255,255,255,.42),transparent 34%)}.making-orbit svg{position:relative;z-index:1}.making-card h1{margin:0;font-size:25px}.making-card p,.processing-card p{margin:10px 0 24px;color:#718078}.making-progress{height:8px;overflow:hidden;border-radius:999px;background:#e8f3ec}.making-progress span{display:block;width:66%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#07c160,#8de9b5);transition:width .45s ease}.processing-card h1{margin:0;font-size:25px}.processing-steps{display:grid;gap:10px;margin-top:16px;text-align:left}.processing-steps span{padding:11px 12px;border:1px solid #e1efe5;border-radius:12px;color:#61736a;background:#f7fbf8;font-size:14px}.processing-steps span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#07c160}.processing-steps span.done{color:#087d45;border-color:#cdeed8;background:#f0fff5}.processing-steps span.active{color:#163a27;border-color:#bce8cb;background:linear-gradient(90deg,#effff5,#fff);box-shadow:inset 3px 0 #07c160}.processing-percent{margin-top:9px;color:#087d45;font-size:13px;font-weight:900}.processing-hint{margin:6px 0 16px;color:#98a69d;font-size:13px}.processing-summary{display:flex;align-items:center;gap:12px;margin-top:22px;padding:14px;border-radius:16px;text-align:left;background:#f6fbf7}.processing-summary img{width:56px;height:56px;border-radius:12px;object-fit:cover;flex-shrink:0}.processing-summary div{display:grid;gap:4px}.processing-summary strong{font-size:15px}.processing-summary span{color:#718078;font-size:13px;word-break:break-all}.result-state-card{width:calc(100% - 32px);padding:28px 18px;border:1px solid rgba(255,255,255,.16);border-radius:20px;display:grid;justify-items:center;gap:10px;color:#fff;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.result-state-card strong{font-size:20px}.result-state-card span{color:#ffffffb8;text-align:center;line-height:1.5}.result-benefits{margin:16px;padding:18px;border-radius:20px;background:#fff;display:grid;gap:10px;box-shadow:0 10px 24px #1e4f3214}.result-benefits strong{color:#2f3b32;font-size:18px}.result-benefits span{color:#315d42}.result-benefits span:before{content:"✓";margin-right:8px;color:#07c160;font-weight:900}.sticky-paybar{position:fixed;left:50%;bottom:0;width:min(480px,100vw);transform:translate(-50%);padding:12px 16px calc(env(safe-area-inset-bottom) + 12px);background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid #e0ebe4;display:grid;grid-template-columns:1fr;gap:6px;text-align:center}.result-overlay{position:fixed;inset:0;z-index:30;max-width:480px;margin:0 auto;background:#09110df0;color:#fff;display:flex;flex-direction:column}.result-stage{flex:1;min-height:0;display:grid;align-content:center;padding:58px 12px 8px;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}.result-full-art{width:100%;height:calc(100vh - 260px);max-height:calc(100vh - 238px);aspect-ratio:auto!important;border-radius:0;background:#050806;box-shadow:0 24px 80px #0000006b}.result-full-art img{object-fit:contain;transform:none}.result-sheet{padding:16px 18px calc(env(safe-area-inset-bottom) + 18px)}.result-sheet strong{display:block;font-size:20px;font-weight:700}.result-sheet p{margin:6px 0 14px;color:#fff9;font-size:14px;line-height:1.5}.result-actions button{width:100%;height:52px;border:0;border-radius:999px;color:#fff;background:#07c160;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:17px;font-weight:900;box-shadow:0 14px 32px #07c1605c}.result-actions button.paid{background:#ffffff29;box-shadow:none;font-weight:600}.result-sheet button{width:100%;height:52px;border:0;border-radius:999px;color:#fff;background:#07c160;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:17px;font-weight:900}.result-sheet button.paid{background:#163a27}.result-actions{display:grid;gap:10px}.result-sheet .secondary{color:#173b28;background:#edf7ef;font-size:15px;font-weight:800;box-shadow:none}.result-sheet>span{display:block;margin-top:9px;color:#49835d;text-align:center;font-size:13px}.result-overlay .bottom-tabs{z-index:45}.download-confirm-mask{position:fixed;inset:0;z-index:60;max-width:480px;margin:0 auto;padding:20px;display:grid;place-items:center;background:#080f0b94;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .16s ease-out}.download-confirm-card{position:relative;width:100%;padding:28px 20px 20px;border-radius:22px;color:#17201b;background:#fff;box-shadow:0 24px 70px #00000047;text-align:center}.download-confirm-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:50%;color:#607067;background:#eef6f0;display:grid;place-items:center}.download-confirm-icon{width:62px;height:62px;margin:0 auto 14px;border-radius:50%;color:#fff;background:#07c160;display:grid;place-items:center;box-shadow:0 14px 30px #07c16047}.download-confirm-card h2{margin:0;font-size:22px}.download-confirm-card p{margin:8px 0 18px;color:#728077;line-height:1.55}.download-confirm-amount{margin-bottom:18px;padding:16px;border-radius:16px;color:#111814;background:#f5fbf6;font-size:34px;font-weight:950}.download-confirm-pay{width:100%;height:52px;border:0;border-radius:999px;color:#fff;background:#07c160;font-size:17px;font-weight:900;box-shadow:0 14px 32px #07c16052}.panel-page{display:grid;gap:14px;padding:12px 16px 0}.service-card,.mine-card,.support-item,.empty-card,.mine-stat,.order-card{border:1px solid #dfebe2;border-radius:20px;background:#fff;box-shadow:0 10px 24px #1e4f3214}.service-card{display:grid;gap:12px;padding:20px;text-align:left}.service-card strong{font-size:20px}.service-card p{margin:0;color:#6d7c72;line-height:1.6}.service-card button{height:48px;border:0;border-radius:999px;color:#fff;background:#07c160;font-size:15px;font-weight:900}.service-time{display:flex;flex-direction:column;gap:4px;color:#8a978e;font-size:13px;line-height:1.5}.service-time span:first-child{color:#4a5b50;font-weight:600}.complaint-entry{height:48px;border:1px solid #e8d5c0;border-radius:999px;color:sienna;background:#fff9f4;font-size:15px;font-weight:900;cursor:pointer;transition:background .2s}.complaint-entry:hover,.complaint-entry:active{background:#fff2e6}.complaint-modal-mask{position:fixed;inset:0;z-index:90;max-width:480px;margin:0 auto;display:flex;align-items:flex-end;background:#080f0b7a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .16s ease-out}.complaint-modal-card{width:100%;max-height:85vh;overflow-y:auto;padding:24px 20px 28px;border-radius:24px 24px 0 0;color:#17201b;background:#fff;box-shadow:0 -8px 40px #0000002e;display:flex;flex-direction:column;gap:18px;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.complaint-modal-header{display:flex;align-items:center;justify-content:space-between}.complaint-modal-header h3{margin:0;font-size:18px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.complaint-modal-header h3 svg{color:#e8833a}.complaint-modal-header button{width:34px;height:34px;border:0;border-radius:50%;color:#607067;background:#eef6f0;display:grid;place-items:center;cursor:pointer}.complaint-field{display:flex;flex-direction:column;gap:8px}.complaint-field label{font-size:14px;font-weight:600;color:#3a4840;display:inline-flex;align-items:center;gap:6px}.complaint-field label em{font-style:normal;color:#e8833a;font-size:12px}.complaint-field label small{font-weight:400;color:#8a978e}.complaint-reasons{display:flex;flex-wrap:wrap;gap:8px}.complaint-reason-chip{height:36px;padding:0 16px;border:1px solid #dcebe0;border-radius:999px;color:#54635a;background:#f9fdf9;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.complaint-reason-chip:hover{border-color:#e8833a;color:#e8833a}.complaint-reason-chip.active{border-color:#e8833a;color:#fff;background:#e8833a}.complaint-textarea{width:100%;min-height:80px;padding:12px 14px;border:1px solid #dcebe0;border-radius:12px;color:#17201b;background:#f9fdf9;font:inherit;font-size:15px;line-height:1.6;resize:vertical;outline:none;transition:border-color .2s}.complaint-textarea:focus{border-color:#e8833a;box-shadow:0 0 0 3px #e8833a14}.complaint-textarea::placeholder{color:#a0b8a6}.complaint-count{text-align:right;color:#98a69d;font-size:12px}.complaint-input{width:100%;height:44px;padding:0 14px;border:1px solid #dcebe0;border-radius:12px;color:#17201b;background:#f9fdf9;font:inherit;font-size:15px;outline:none;transition:border-color .2s}.complaint-input:focus{border-color:#e8833a;box-shadow:0 0 0 3px #e8833a14}.complaint-input::placeholder{color:#a0b8a6}.complaint-submit{height:48px;border:0;border-radius:999px;color:#fff;background:#e8833a;font-weight:800;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 8px 20px #e8833a3d;transition:opacity .2s}.complaint-submit:disabled{opacity:.6;cursor:not-allowed}.complaint-success{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0;text-align:center}.complaint-success-icon{width:64px;height:64px;border-radius:50%;background:#e8f8ee;color:#07c160;display:grid;place-items:center}.complaint-success strong{font-size:18px}.complaint-success p{margin:0;color:#6d7c72;line-height:1.6;font-size:14px}.complaint-close-btn{width:100%;height:44px;border:0;border-radius:999px;color:#54635a;background:#eef6f0;font-weight:700;font-size:15px;cursor:pointer}.support-grid{display:grid;gap:12px}.support-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:16px}.support-item strong{display:block;margin-bottom:4px;font-size:15px}.support-item span{color:#6f7d73;font-size:13px;line-height:1.5}.mine-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:18px}.mine-card strong{display:block;margin-bottom:4px;font-size:18px}.mine-card span{color:#6f7d73;font-size:13px;line-height:1.5}.mine-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mine-stat{display:grid;gap:4px;padding:16px}.mine-stat strong{font-size:24px}.mine-stat span{color:#6f7d73;font-size:13px}.orders-head{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.orders-head strong{font-size:20px}.orders-head button{height:34px;padding:0 14px;border:0;border-radius:999px;color:#087d45;background:#e8f8ee;font-weight:800}.empty-card{display:grid;justify-items:center;gap:8px;padding:30px 18px;text-align:center}.empty-card strong{font-size:18px}.empty-card span{color:#6f7d73;line-height:1.6}.empty-action{height:38px;padding:0 18px;border:0;border-radius:999px;color:#fff;background:#07c160;font-weight:850}.orders-list{display:grid;gap:12px}.order-card{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;align-items:center;padding:12px;text-align:left}.order-thumb{width:80px;height:100px;overflow:hidden;border-radius:16px;background:#eff6f1;display:grid;place-items:center}.order-thumb img{width:100%;height:100%;object-fit:cover}.order-body{display:grid;gap:5px}.order-body strong{font-size:16px}.order-body span,.order-meta small{color:#708077;font-size:12px}.order-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.order-status{padding:4px 9px;border-radius:999px;color:#91531d;background:#fff0d7;font-style:normal;font-size:12px;font-weight:800}.order-status.paid{color:#087d45;background:#e8f8ee}.spin{animation:spin 1s linear infinite}.sticky-paybar div{display:grid;gap:3px}.sticky-paybar span{color:#718078;font-size:12px}.sticky-paybar strong{color:#d88712;font-size:22px}.sticky-paybar .paid{background:#163a27}.pay-tip{color:#49835d;font-size:13px}.editor-prompt-section{display:grid;gap:8px}.editor-prompt-input{width:100%;min-height:80px;padding:12px 14px;border:1px solid #dcebe0;border-radius:12px;color:#17201b;background:#fff;font:inherit;font-size:16px;line-height:1.6;resize:vertical;outline:none;transition:border-color .2s}.editor-prompt-input:focus{border-color:#07c160;box-shadow:0 0 0 3px #07c16014}.editor-prompt-input::placeholder{color:#a0b8a6}.editor-prompt-label{display:flex;align-items:center;gap:6px;color:#1f3528}.editor-prompt-label svg{color:#07c160}.editor-prompt-label strong{font-size:14px}.editor-prompt-label span{color:#7a857d;font-size:12px}.editor-prompt-preview{width:100%;min-height:52px;padding:12px 38px 12px 14px;border:1px solid #dcebe0;border-radius:12px;color:#17201b;background:#fff;font:inherit;font-size:14px;line-height:1.6;text-align:left;cursor:pointer;position:relative;transition:border-color .2s,box-shadow .2s;display:flex;align-items:flex-start}.editor-prompt-preview:hover,.editor-prompt-preview:active{border-color:#07c160;box-shadow:0 0 0 3px #07c16014}.editor-prompt-preview span{flex:1;word-break:break-word}.editor-prompt-preview-placeholder{color:#a0b8a6!important}.editor-prompt-preview svg{position:absolute;top:12px;right:12px;color:#07c160;flex-shrink:0}.prompt-modal-mask{position:fixed;inset:0;z-index:80;max-width:480px;margin:0 auto;display:flex;align-items:center;justify-content:center;padding:20px;background:#080f0b94;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .16s ease-out}.prompt-modal-card{position:relative;width:100%;max-width:420px;padding:20px;border-radius:20px;color:#17201b;background:#fff;box-shadow:0 24px 70px #00000047;display:flex;flex-direction:column;gap:14px;max-height:90vh}.prompt-modal-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.prompt-modal-header h3{margin:0;font-size:17px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.prompt-modal-header h3 svg{color:#07c160}.prompt-modal-header button{width:34px;height:34px;border:0;border-radius:50%;color:#607067;background:#eef6f0;display:grid;place-items:center;cursor:pointer}.prompt-modal-input{width:100%;flex:1;min-height:180px;padding:14px;border:1px solid #dcebe0;border-radius:14px;color:#17201b;background:#f9fdf9;font:inherit;font-size:16px;line-height:1.7;resize:vertical;outline:none;transition:border-color .2s}.prompt-modal-input:focus{border-color:#07c160;box-shadow:0 0 0 3px #07c16014}.prompt-modal-input::placeholder{color:#a0b8a6}.prompt-modal-footer{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.prompt-modal-count{color:#98a69d;font-size:12px}.prompt-modal-actions{display:flex;gap:10px}.prompt-modal-cancel{height:40px;padding:0 20px;border:1px solid #dcebe0;border-radius:999px;color:#54635a;background:#fff;font-weight:600;cursor:pointer}.prompt-modal-confirm{height:40px;padding:0 20px;border:0;border-radius:999px;color:#fff;background:#07c160;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #07c1603d}.submitting-orbit{width:72px;height:72px;margin:0 auto;border-radius:50%;background:linear-gradient(135deg,#07c160,#18d77b);display:grid;place-items:center;color:#fff;box-shadow:0 14px 30px #07c16057}.editor-ratio-section{display:grid;gap:8px}.editor-ratio-options{display:flex;flex-wrap:wrap;gap:8px}.editor-ratio-btn{flex:0 0 auto;height:34px;padding:0 14px;border:1px solid #dcebe0;border-radius:8px;color:#54635a;background:#fff;font-size:13px;transition:all .2s}.editor-ratio-btn.active{color:#fff;border-color:#07c160;background:#07c160;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes orbitPulse{0%,to{transform:scale(.94);opacity:.45}50%{transform:scale(1.05);opacity:1}}@keyframes loading{0%{transform:translate(-80%)}to{transform:translate(150%)}}@keyframes shimmer{0%{background-position:160% 0,0 0}to{background-position:-80% 0,0 0}}@keyframes skeletonShimmer{0%{transform:translate(-125%)}to{transform:translate(125%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-6px)}30%,70%{transform:translate(6px)}}.upload-zone.shake{border-color:#e8553a!important;background:linear-gradient(135deg,#fff5f3,#ffeeea)!important;animation:shake .5s ease-in-out}.upload-zone.shake .upload-zone-icon{background:#ffeeea;color:#e8553a}.upload-zone.shake strong{color:#c0392b}@media(min-width:800px){body{background:#dfece3}.app-shell{margin-top:24px;margin-bottom:24px;min-height:calc(100vh - 48px);border-radius:30px;box-shadow:0 18px 60px #184b2d29}.modal-mask{top:24px;bottom:24px;inset-inline:calc(50% - 240px);border-radius:30px;overflow:hidden}}