:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f7;--bg-card: #ffffff;--bg-hover: #f0f0f2;--bg-active: #e8e8ea;--text-primary: #1d1d1f;--text-secondary: #86868b;--text-muted: #acacb0;--border-subtle: rgba(0,0,0,.06);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--ease-out: cubic-bezier(.25, .1, .25, 1);--shadow-deep: 0 20px 60px rgba(0,0,0,.15);--accent-red: #ff3b30}[data-theme=dark]{--bg-primary: #1c1c1e;--bg-secondary: #2c2c2e;--bg-card: #2c2c2e;--bg-hover: #3a3a3c;--bg-active: #48484a;--text-primary: #f5f5f7;--text-secondary: #98989d;--text-muted: #636366;--border-subtle: rgba(255,255,255,.08)}.tp-header{position:fixed;top:0;left:0;right:0;height:52px;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);z-index:1000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.tp-header__left{display:flex;align-items:center;gap:var(--space-xl)}.tp-header__logo-link{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:inherit;flex-shrink:0}.tp-header__logo{width:28px;height:28px;border-radius:6px}.tp-header__title{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.tp-header__nav{display:flex;align-items:center;gap:var(--space-xs)}.tp-header__nav-item{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap;text-decoration:none}.tp-header__nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.tp-header__actions{display:flex;align-items:center;gap:var(--space-md)}.tp-header__back{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;text-decoration:none;transition:color .2s}.tp-header__back:hover{color:var(--text-primary)}.tp-header__login-btn{padding:6px 16px;border-radius:var(--radius-sm);background:var(--text-primary);color:var(--bg-primary);font-size:13px;font-weight:500;border:none;cursor:pointer;transition:opacity .2s}.tp-header__login-btn:hover{opacity:.85}.tp-header__user{position:relative}.tp-header__user-btn{display:flex;align-items:center;gap:var(--space-xs);padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;background:transparent;border:none;cursor:pointer;transition:background .2s;color:var(--text-primary);max-width:160px}.tp-header__user-btn:hover{background:var(--bg-hover)}.tp-header__user-avatar{width:24px;height:24px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;overflow:hidden}.tp-header__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-header__user-dropdown{position:absolute;top:48px;right:0;background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-deep);padding:var(--space-sm);min-width:200px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s var(--ease-out);z-index:150}.tp-header__user-dropdown--open{opacity:1;visibility:visible;transform:translateY(0)}.tp-header__user-dropdown-item{display:flex;align-items:center;gap:var(--space-sm);padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;transition:background .15s;width:100%;text-align:left;background:transparent;border:none;cursor:pointer;color:var(--text-primary)}.tp-header__user-dropdown-item:hover{background:var(--bg-hover)}.tp-header__user-dropdown-divider{height:1px;background:var(--border-subtle);margin:var(--space-xs) 0}.tp-header__user-dropdown-item--danger{color:var(--accent-red)}#app{padding-top:52px}@media(max-width:1024px){.tp-header__nav{display:none}}@media(max-width:768px){.tp-header{padding:0 12px}.tp-header__left{gap:12px}.tp-header__title{display:none}}.sub-page-content{max-width:800px;margin:0 auto;padding:20px}.back-btn,.reader-back-btn,.tool-page__back,.calculator-page__back,.sop-page__back,.tool-detail__back{display:none!important}[data-theme=dark] .sub-page-content,[data-theme=dark] .tool-page,[data-theme=dark] .calculator-page,[data-theme=dark] .banned-checker,[data-theme=dark] .image-size-converter,[data-theme=dark] .title-calculator,[data-theme=dark] .builtin-page{background:#1a1a1e;color:#e5e5e7}[data-theme=dark] .sub-page-content h1,[data-theme=dark] .sub-page-content h2,[data-theme=dark] .sub-page-content h3,[data-theme=dark] .tool-page h1,[data-theme=dark] .tool-page h2,[data-theme=dark] .tool-page h3,[data-theme=dark] .calculator-page h1,[data-theme=dark] .calculator-page h2,[data-theme=dark] .calculator-page h3,[data-theme=dark] .banned-checker h1,[data-theme=dark] .banned-checker h2,[data-theme=dark] .image-size-converter h1,[data-theme=dark] .image-size-converter h2,[data-theme=dark] .title-calculator h1,[data-theme=dark] .title-calculator h2,[data-theme=dark] .builtin-page h1,[data-theme=dark] .builtin-page h2{color:#e5e5e7}[data-theme=dark] .discount-calculator,[data-theme=dark] .coupon-calculator,[data-theme=dark] .express-calculator,[data-theme=dark] .profit-calculator,[data-theme=dark] .markup-calculator,[data-theme=dark] .refund-calculator,[data-theme=dark] .sku-calculator,[data-theme=dark] .posttime-calculator,[data-theme=dark] .result-card,[data-theme=dark] .summary-card,[data-theme=dark] .tip-card,[data-theme=dark] .form-group,[data-theme=dark] .calc-section,[data-theme=dark] .detail-section,[data-theme=dark] .result-section,[data-theme=dark] .analysis-box,[data-theme=dark] .image-platform-card,[data-theme=dark] .image-ratio-card,[data-theme=dark] .promotion-card,[data-theme=dark] .time-card,[data-theme=dark] .profit-summary-card{background:#232326;border:1px solid rgba(255,255,255,.06);color:#e5e5e7}[data-theme=dark] input[type=text],[data-theme=dark] input[type=number],[data-theme=dark] input[type=search],[data-theme=dark] input[type=url],[data-theme=dark] textarea,[data-theme=dark] select{background:#2a2a2d;border:1px solid rgba(255,255,255,.1);color:#e5e5e7}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{border-color:#fff3;outline:none}[data-theme=dark] input::-moz-placeholder,[data-theme=dark] textarea::-moz-placeholder{color:#636366}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#636366}[data-theme=dark] button,[data-theme=dark] .calc-btn,[data-theme=dark] .copy-btn,[data-theme=dark] .platform-btn,[data-theme=dark] .tab-btn,[data-theme=dark] .crop-btn,[data-theme=dark] .banned-btn-check,[data-theme=dark] .banned-btn-clear,[data-theme=dark] .add-sku-btn,[data-theme=dark] .discount-quick-btn,[data-theme=dark] .markup-platform-btn,[data-theme=dark] .promotion-reset-btn{background:#ffffff14;color:#ababae;border:1px solid rgba(255,255,255,.1)}[data-theme=dark] button:hover,[data-theme=dark] .calc-btn:hover,[data-theme=dark] .copy-btn:hover,[data-theme=dark] .platform-btn:hover,[data-theme=dark] .tab-btn:hover,[data-theme=dark] .banned-btn-check:hover,[data-theme=dark] .add-sku-btn:hover{background:#ffffff1f;color:#e5e5e7}[data-theme=dark] .calc-btn--primary,[data-theme=dark] .crop-btn--primary,[data-theme=dark] .banned-btn-check{background:#ff3b30cc;color:#fff;border-color:transparent}[data-theme=dark] .calc-btn--primary:hover,[data-theme=dark] .crop-btn--primary:hover,[data-theme=dark] .banned-btn-check:hover{background:#ff3b30e6}[data-theme=dark] .tag,[data-theme=dark] .badge,[data-theme=dark] .discount-tag,[data-theme=dark] .coupon-chip,[data-theme=dark] .season-tag,[data-theme=dark] .image-size-tag,[data-theme=dark] .banned-word-tag,[data-theme=dark] .sku-row .tag{background:#ffffff0f;color:#ababae;border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .result-table,[data-theme=dark] .discount-table,[data-theme=dark] .express-list{background:#232326;border:1px solid rgba(255,255,255,.06)}[data-theme=dark] .table-header,[data-theme=dark] .table-row,[data-theme=dark] .express-item{border-bottom:1px solid rgba(255,255,255,.06);color:#ababae}[data-theme=dark] .table-header{color:#98989d}[data-theme=dark] .discount-result,[data-theme=dark] .coupon-result,[data-theme=dark] .express-result,[data-theme=dark] .profit-result,[data-theme=dark] .markup-result,[data-theme=dark] .refund-result,[data-theme=dark] .sku-result,[data-theme=dark] .result-summary,[data-theme=dark] .optimizer-result{background:#232326;border:1px solid rgba(255,255,255,.06)}[data-theme=dark] .result-title,[data-theme=dark] .result-header{color:#e5e5e7}[data-theme=dark] .result-label,[data-theme=dark] .summary-label,[data-theme=dark] .breakdown-label,[data-theme=dark] .detail-row .label{color:#98989d}[data-theme=dark] .result-value,[data-theme=dark] .summary-value,[data-theme=dark] .price-value,[data-theme=dark] .breakdown-value{color:#e5e5e7}[data-theme=dark] .tip-card,[data-theme=dark] .tip-desc,[data-theme=dark] .result-tip,[data-theme=dark] .discount-tips,[data-theme=dark] .express-tips,[data-theme=dark] .loss-tips,[data-theme=dark] .markup-tip,[data-theme=dark] .promotion-tip,[data-theme=dark] .banned-tip{color:#98989d;background:#ffffff08;border:1px solid rgba(255,255,255,.04)}[data-theme=dark] .tip-title,[data-theme=dark] .tip-icon{color:#ababae}[data-theme=dark] .price-main,[data-theme=dark] .discount-result__price,[data-theme=dark] .profit-result__price,[data-theme=dark] .markup-result__price{color:#ff6b6b}[data-theme=dark] .price-save,[data-theme=dark] .savings-value{color:#4cd964}[data-theme=dark] .violation-alert{background:#ff3b301a;border:1px solid rgba(255,59,48,.2)}[data-theme=dark] .no-violation{background:#4cd9641a;border:1px solid rgba(76,217,100,.2)}[data-theme=dark] .highlight-word{background:#ff3b3033;color:#ff6b6b}[data-theme=dark] .banned-textarea{background:#2a2a2d;border:1px solid rgba(255,255,255,.1);color:#e5e5e7}[data-theme=dark] .banned-preview{background:#2a2a2d;border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .banned-result__placeholder{color:#636366}[data-theme=dark] .title-form,[data-theme=dark] .title-panel,[data-theme=dark] .title-result,[data-theme=dark] .title-structure,[data-theme=dark] .title-info,[data-theme=dark] .title-tabs{background:#232326;border:1px solid rgba(255,255,255,.06);color:#e5e5e7}[data-theme=dark] .optimized-title{background:#4cd96414;border:1px solid rgba(76,217,100,.15);color:#4cd964}[data-theme=dark] .structure-item,[data-theme=dark] .structure-sep{color:#ababae}[data-theme=dark] .image-upload-area,[data-theme=dark] .batch-upload-area{background:#ffffff08;border:1px dashed rgba(255,255,255,.15);color:#98989d}[data-theme=dark] .image-upload-area:hover,[data-theme=dark] .batch-upload-area:hover{border-color:#ffffff40}[data-theme=dark] .crop-preview{background:#2a2a2d;border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .batch-image-item,[data-theme=dark] .calendar-grid{background:#232326;border:1px solid rgba(255,255,255,.06)}[data-theme=dark] .calendar-day{border:1px solid rgba(255,255,255,.04);color:#ababae}[data-theme=dark] .promotion-block{background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}[data-theme=dark] .promotion-progress-bar,[data-theme=dark] .profit-bar-item__bar{background:#ffffff0f}[data-theme=dark] .builtin-page__tool-card{background:#232326;border:1px solid rgba(255,255,255,.06)}[data-theme=dark] .builtin-page__tool-card:hover{background:#2a2a2d;border-color:#ffffff1a}[data-theme=dark] .builtin-page__tool-name{color:#e5e5e7}[data-theme=dark] .builtin-page__tool-desc{color:#98989d}[data-theme=dark] .builtin-page__tool-link--primary{background:#007aff26;color:#4da3ff}[data-theme=dark] .builtin-page__tool-link--primary:hover{background:#007aff40}[data-theme=dark] .builtin-page__tool-link--mirror{background:#ff950026;color:#ffb84d}[data-theme=dark] .builtin-page__tool-link--mirror:hover{background:#ff950040}[data-theme=dark] .builtin-page__category-header{border-bottom:1px solid rgba(255,255,255,.06)}[data-theme=dark] .builtin-page__category-name{color:#e5e5e7}[data-theme=dark] .builtin-page__tab{background:#ffffff0f}[data-theme=dark] .builtin-page__tab:hover{background:#ffffff1a}[data-theme=dark] .builtin-page__tab--active{background:#232326;border-color:#ff6b6b;box-shadow:0 4px 20px #ff3b3033}[data-theme=dark] .builtin-page__tab-name{color:#e5e5e7}[data-theme=dark] .builtin-page__tab--active .builtin-page__tab-name{color:#ff6b6b}[data-theme=dark] .builtin-page__tab-desc{color:#98989d}[data-theme=dark] .platform-tabs,[data-theme=dark] .title-tabs,[data-theme=dark] .batch-tabs{border-bottom:1px solid rgba(255,255,255,.06)}[data-theme=dark] .tab-btn--active,[data-theme=dark] .platform-btn--active{background:#ff3b30cc;color:#fff;border-color:transparent}[data-theme=dark] .crop-select select{background:#2a2a2d;color:#e5e5e7}[data-theme=dark] .score,[data-theme=dark] .score-circle,[data-theme=dark] .time-rating{color:#ff9500}[data-theme=dark] .form-row,[data-theme=dark] .form-header,[data-theme=dark] .discount-input-section,[data-theme=dark] .markup-input-section,[data-theme=dark] .profit-input-section{color:#ababae}[data-theme=dark] .form-row label,[data-theme=dark] .discount-input-group__prefix,[data-theme=dark] .markup-input-group__prefix,[data-theme=dark] .profit-input-group label{color:#98989d}[data-theme=dark] .separator{border-top:1px solid rgba(255,255,255,.06)}[data-theme=dark] .discount-quick-select,[data-theme=dark] .quick-coupons,[data-theme=dark] .coupon-chips{gap:6px}[data-theme=dark] .discount-quick-btn,[data-theme=dark] .coupon-chip{background:#ffffff0f;color:#ababae;border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .discount-quick-btn:hover,[data-theme=dark] .coupon-chip:hover{background:#ffffff1a;color:#e5e5e7}[data-theme=dark] .image-search-input,[data-theme=dark] .keyword-item input{background:#2a2a2d;border:1px solid rgba(255,255,255,.1);color:#e5e5e7}[data-theme=dark] .remove-btn,[data-theme=dark] .batch-image-remove,[data-theme=dark] .banned-word-tag .remove-btn{color:#98989d}[data-theme=dark] .remove-btn:hover,[data-theme=dark] .batch-image-remove:hover{color:#ff6b6b;background:#ff3b301a}@media(max-width:768px){#app{margin-left:0!important;width:100%!important;box-sizing:border-box}.app-layout{flex-direction:column}.sidebar{display:none}.main-content{margin-left:0!important;width:100%;padding:12px}.tool-nav{padding:8px 12px}.tool-nav__title{font-size:16px}.tool-nav__back{font-size:14px}.tool-page{padding:16px}.tool-page__title{font-size:20px;margin-bottom:16px}.card{padding:16px;margin-bottom:16px}.upload-area{padding:24px 16px}.upload-btn{padding:12px 24px}.image-list{flex-direction:column}.image-item{width:100%}.preview-section{flex-direction:column}.preview-wrap,.preview-wrap--original,.preview-wrap--processed{width:100%;margin-bottom:16px}.controls-section{padding:16px}.tool-btn,.primary-btn,.action-btn{padding:12px 20px;font-size:14px}.tool-slider{width:100%;height:40px}.slider-value{font-size:14px}.tool-input,input[type=text],input[type=number],select{padding:12px;font-size:14px;width:100%}.data-table,.crop-table{overflow-x:auto}.result-section{padding:16px}.result-value{font-size:18px}}@media(max-width:400px){.tool-page__title{font-size:18px}.upload-area{padding:16px 12px}.tool-btn,.primary-btn{padding:10px 16px;font-size:12px}}.mobile-hamburger{display:none;position:fixed;top:12px;right:16px;z-index:1001;width:40px;height:40px;background:#ffffffe6;border:none;border-radius:8px;cursor:pointer;box-shadow:0 2px 8px #0000001a;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px}.mobile-hamburger span{display:block;width:20px;height:2px;background:#333;border-radius:1px;transition:all .3s ease}@media(max-width:768px){.mobile-hamburger{display:flex}}.mobile-sidebar{position:fixed;top:0;right:-280px;width:280px;height:100vh;background:#fff;z-index:1002;transition:right .3s ease;overflow-y:auto;box-shadow:-4px 0 16px #0000001a}.mobile-sidebar.open{right:0}.mobile-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(0,0,0,.06)}.mobile-sidebar__brand{display:flex;align-items:center;gap:10px;cursor:pointer}.mobile-sidebar__logo{width:32px;height:32px;border-radius:8px}.mobile-sidebar__name{font-size:16px;font-weight:600;color:#333}.mobile-sidebar__close{width:32px;height:32px;background:#0000000d;border:none;border-radius:8px;cursor:pointer;font-size:18px;color:#666}.mobile-sidebar__content{padding:16px}.mobile-overlay,.mobile-sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1001}.mobile-overlay.show,.mobile-sidebar-overlay.show{display:block}[data-theme=dark] .mobile-hamburger{background:#282828e6}[data-theme=dark] .mobile-hamburger span{background:#e5e5e7}[data-theme=dark] .mobile-sidebar{background:#1a1a1e}[data-theme=dark] .mobile-sidebar__header{border-bottom:1px solid rgba(255,255,255,.06)}[data-theme=dark] .mobile-sidebar__name{color:#e5e5e7}[data-theme=dark] .mobile-sidebar__close{background:#ffffff14;color:#ababae}