#app{padding-top:0}.sub-page-content{max-width:800px;margin:0 auto;padding:20px}.builtin-page{max-width:900px;margin:0 auto;padding:24px 20px 40px}.tool-intro{text-align:center;margin-bottom:32px}.tool-intro h1{font-size:24px;font-weight:600;margin-bottom:8px}.tool-intro p{font-size:14px;color:var(--text-secondary)}.builtin-page__categories{display:flex;flex-direction:column;gap:24px}.builtin-page__category{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-card)}.builtin-page__category-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.builtin-page__category-icon{font-size:20px}.builtin-page__category-name{font-size:16px;font-weight:600}.builtin-page__category-count{font-size:12px;color:var(--text-secondary);margin-left:auto}.builtin-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.builtin-page__item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease}.builtin-page__item:hover{background:var(--bg-hover);transform:translateY(-2px)}.builtin-page__item-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.builtin-page__item-icon img{width:24px;height:24px;border-radius:4px}.builtin-page__item-content{flex:1;min-width:0}.builtin-page__item-name{font-size:14px;font-weight:500;margin-bottom:2px}.builtin-page__item-desc{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builtin-page__item-tags{display:flex;gap:4px;margin-top:4px}.builtin-page__item-tag{font-size:11px;padding:2px 6px;background:var(--bg-hover);border-radius:4px}.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{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] .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}