:root{--color-primary:#1e50ff;--color-primary-light:#e8efff;--color-text-dark:#1a1a1a;--color-text:#333;--color-text-muted:#666;--color-text-light:#999;--color-text-desc:#000;--color-bg:#fff;--color-bg-gray:#f5f7fa;--color-bg-card:#f8f9fa;--color-border:#e8eaed;--color-green:#22c55e;--color-red:#ef4444;--color-yellow:#f59e0b;--shadow-sm:0 2px 8px rgba(0,0,0,.06);--shadow-md:0 4px 24px rgba(0,0,0,.08);--shadow-lg:0 8px 40px rgba(0,0,0,.1);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--container-width:1680px;--container-gutter:48px;--header-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height);font-size:16px}body{font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}.container{width:min(var(--container-width),calc(100% - var(--container-gutter) * 2));max-width:var(--container-width);margin:0 auto;padding:0 24px}.section-title{font-size:2rem;font-weight:700;color:var(--color-text-dark);text-align:center;margin-bottom:12px}.section-subtitle{font-size:1rem;color:var(--color-text-desc);text-align:center;margin-bottom:24px}.check-list{display:flex;flex-direction:column;gap:24px}.check-list__item{display:flex;gap:12px;align-items:flex-start}.check-list__icon{flex-shrink:0;width:20px;height:20px;margin-top:3px}.check-list__title{font-size:1rem;font-weight:600;color:var(--color-text-dark);margin-bottom:4px}.check-list__desc{font-size:.875rem;color:var(--color-text-muted);line-height:1.7}.mockup{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.mockup__header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--color-border);font-size:.875rem;font-weight:600;color:var(--color-text-dark);background:var(--color-bg-gray)}.mockup__header-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--color-primary-light);flex-shrink:0}.mockup__header-icon svg{display:block}.mockup__dots{display:flex;gap:6px}.mockup__dot{width:10px;height:10px;border-radius:50%}.mockup__dot--red{background:#ff5f57}.mockup__dot--yellow{background:#febc2e}.mockup__dot--green{background:#28c840}.mockup__title{flex:1;font-size:.8125rem;color:var(--color-text-muted);padding-left:10px}.header{position:fixed;top:0;left:0;right:0;width:100%;z-index:100;height:var(--header-height);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.main-with-header{padding-top:var(--header-height)}.header__inner{justify-content:space-between;height:100%}.header__inner,.header__logo{display:flex;align-items:center}.header__logo{gap:8px;font-size:1.5rem;font-weight:700;color:var(--color-text-dark)}.header__logo-icon{width:35px;height:27px;-o-object-fit:contain;object-fit:contain}.header__nav{display:flex;align-items:center;gap:40px}.header__nav-link{font-size:.9375rem;color:var(--color-text);transition:color .2s;white-space:nowrap;font-weight:700}.header__nav-link--active,.header__nav-link:hover{color:var(--color-primary)}.header__nav-item{position:relative}.header__nav-item:after{content:"";position:absolute;top:100%;left:0;right:0;height:14px}.header__nav-item>.header__nav-link{cursor:default}.header__nav-link--dropdown{display:inline-flex;align-items:center;gap:4px}.header__nav-arrow{width:12px;height:12px;flex-shrink:0;transition:transform .2s}.header__nav-item:hover .header__nav-arrow{transform:rotate(180deg)}.header__nav-dropdown{display:none;top:calc(100% + 12px);transform:translateX(-50%);min-width:160px;padding:8px 0;border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:200}.header__nav-dropdown,.header__nav-dropdown:before{position:absolute;left:50%;background:var(--color-bg)}.header__nav-dropdown:before{content:"";top:-6px;transform:translateX(-50%) rotate(45deg);width:10px;height:10px;border-left:1px solid var(--color-border);border-top:1px solid var(--color-border)}.header__nav-item:hover .header__nav-dropdown{display:block}.header__nav-dropdown-link{display:block;padding:10px 20px;font-size:.875rem;color:var(--color-text);text-align:center;white-space:nowrap;transition:color .2s,background .2s}.header__nav-dropdown-link:hover{color:var(--color-primary);background:var(--color-bg-gray)}.header__lang{position:relative}.header__lang:after{content:"";position:absolute;top:100%;left:0;right:0;height:14px}.header__lang-trigger{display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:500;color:#333;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .2s}.header__lang:hover .header__lang-trigger{color:var(--color-primary)}.header__lang-icon{width:18px;height:18px;flex-shrink:0}.header__lang-dropdown{display:none;position:absolute;top:calc(100% + 12px);right:0;min-width:120px;padding:8px 0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:200}.header__lang-dropdown:before{content:"";position:absolute;top:-6px;right:24px;width:10px;height:10px;background:var(--color-bg);border-left:1px solid var(--color-border);border-top:1px solid var(--color-border);transform:rotate(45deg)}.header__lang:hover .header__lang-dropdown{display:block}.header__lang-item{display:block;width:100%;padding:10px 16px;border:none;background:none;font-size:.875rem;color:#333;text-align:left;cursor:pointer;transition:color .2s,background .2s}.header__lang-item:hover{color:var(--color-primary);background:var(--color-bg-gray)}.header__lang-item--active{color:var(--color-primary);font-weight:500;pointer-events:none;cursor:default}.header__lang-item:disabled{cursor:default}@media (max-width:768px){.header__nav{display:none}}.hero{padding:80px 0 100px;background:var(--color-bg)}.hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero__title{font-size:2.75rem;font-weight:700;color:var(--color-text-dark);line-height:1.2;margin-bottom:12px}.hero__subtitle{font-size:1.75rem;font-weight:700;color:var(--color-primary);line-height:1.3;margin-bottom:16px}.hero__desc{font-size:1rem;color:var(--color-text-desc);line-height:1.8;max-width:480px}.dashboard{border:1px solid var(--color-border)}.dashboard__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}.dashboard__metric{background:var(--color-bg-card);border-radius:var(--radius-sm);padding:14px 16px}.dashboard__metric-label{font-size:.75rem;color:var(--color-text-light);margin-bottom:6px}.dashboard__metric-value{font-size:1.125rem;font-weight:700;color:var(--color-text-dark)}.dashboard__chart{margin:0;padding:12px 16px 16px;height:220px;background:var(--color-bg);border-top:1px solid var(--color-border);display:flex;flex-direction:column}.dashboard__chart-title{font-size:.8125rem;font-weight:600;color:var(--color-text-dark);margin-bottom:8px;flex-shrink:0}.dashboard__chart-svg{width:100%;flex:1;min-height:0;display:block}.dashboard__chart-baseline{stroke:#e8eaed;stroke-width:1}.dashboard__chart-grid{stroke:#eef0f3;stroke-width:1;stroke-dasharray:4 6}.dashboard__chart-area{fill:url(#dashboardChartGradient)}.dashboard__chart-line{fill:none;stroke:var(--color-primary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.dashboard__chart-line--secondary{stroke:#f59e0b;stroke-width:1.5;stroke-dasharray:6 5;opacity:.85}.dashboard__chart-point-line{stroke:#f59e0b;stroke-width:1;stroke-dasharray:3 3;opacity:.5}.dashboard__chart-tooltip{fill:var(--color-bg);stroke:#e8eaed;stroke-width:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.08))}.dashboard__chart-tooltip-text{font-size:11px;font-weight:600;fill:var(--color-text-dark);font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.dashboard__chart-point-ring{fill:var(--color-bg);stroke:#f59e0b;stroke-width:2}.dashboard__chart-point-dot{fill:#f59e0b}@media (max-width:960px){.hero__inner{grid-template-columns:1fr;gap:40px}.hero__title{font-size:2rem}.hero__subtitle{font-size:1.375rem}}.features{padding:80px 0;background:var(--color-bg-gray)}.features__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-card{background:var(--color-bg);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-card__head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.feature-card__title{font-size:1rem;font-weight:700;color:var(--color-text-dark)}.feature-card__desc{font-size:.8125rem;color:var(--color-text-desc);line-height:1.7;margin-bottom:22px}.feature-card__list{display:flex;flex-direction:column;gap:8px}.feature-card__list-item{display:flex;align-items:flex-start;gap:6px;font-size:.8125rem;color:var(--color-text-muted);line-height:1.8}.feature-card__check{flex-shrink:0;width:14px;height:14px;margin-top:3px}@media (max-width:1024px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.features__grid{grid-template-columns:1fr}}.showcase{padding:80px 0;background:var(--color-bg)}.showcase--gray{background:var(--color-bg-gray)}.showcase__inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.showcase__inner--reverse .showcase__visual{order:-1}.showcase__visual{position:relative;overflow:visible}.showcase .mockup{overflow:visible}.showcase__heading{font-size:2rem;font-weight:700;color:var(--color-text-dark);margin-bottom:12px}.showcase__subheading{font-size:1rem;color:var(--color-text-desc);margin-bottom:32px;line-height:1.7}.ad-mockup{border:2px solid var(--color-primary-light);position:relative}.ad-mockup__tabs{display:flex;gap:0;padding:0 16px;border-bottom:1px solid var(--color-border)}.ad-mockup__tab{padding:10px 14px;font-size:.75rem;color:var(--color-text-muted);border-bottom:2px solid transparent;cursor:default}.ad-mockup__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:500}.ad-mockup__table-wrap{height:300px;padding:12px 16px 20px}.ad-mockup__table-scroll,.ad-mockup__table-wrap{position:relative;overflow:visible}.ad-mockup__table{width:100%;border-collapse:collapse;font-size:.6875rem}.ad-mockup__table th{text-align:left;padding:8px 6px;color:var(--color-text-light);font-weight:500;border-bottom:1px solid var(--color-border);white-space:nowrap}.ad-mockup__col-product{width:28%}.ad-mockup__col-spend{width:18%}.ad-mockup__col-conv{width:14%}.ad-mockup__col-sales{width:22%}.ad-mockup__col-roas{width:18%}.ad-mockup__table td{padding:10px 6px;color:var(--color-text);border-bottom:1px solid var(--color-border);vertical-align:middle;white-space:nowrap}.ad-mockup__product{display:flex;align-items:center;gap:10px}.ad-mockup__product-thumb{width:36px;height:36px;border-radius:6px;background:var(--color-border);flex-shrink:0}.ad-mockup__product-lines{display:flex;flex-direction:column;gap:6px}.ad-mockup__product-line{height:6px;border-radius:3px;background:var(--color-border)}.ad-mockup__product-line--long{width:72px}.ad-mockup__product-line--short{width:44px}.ad-mockup__chart-popup{position:absolute;top:46%;left:46%;right:15%;background:var(--color-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:2;pointer-events:none;padding:10px 10px 8px}.ad-mockup__chart-area{height:88px;margin-bottom:6px;position:relative;overflow:visible}.ad-mockup__chart-svg{width:100%;height:100%;display:block}.ad-mockup__legend{display:flex;justify-content:space-between;font-size:.625rem;color:var(--color-text-muted);padding:0 8px}.ad-mockup__legend-item{white-space:nowrap}.order-mockup{overflow:visible;border:1px solid var(--color-border)}.order-mockup__tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid var(--color-border);overflow-x:auto;background:var(--color-bg)}.order-mockup__tab{padding:12px 16px;font-size:.8125rem;color:var(--color-text-muted);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}.order-mockup__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.order-mockup__filters{display:flex;gap:10px;padding:12px 250px 12px 20px;background:var(--color-bg)}.order-mockup__content{position:relative;overflow:visible}.order-mockup__filter{flex:1;padding:8px 12px;font-size:.75rem;color:var(--color-text-light);background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.order-mockup__table-wrap{padding:0 20px 20px;min-height:240px;background:var(--color-bg)}.order-mockup__table-scroll,.order-mockup__table-wrap{position:relative;overflow:visible}.order-mockup__table{width:100%;border-collapse:collapse;font-size:.75rem}.order-mockup__table th{text-align:left;padding:10px 6px;color:var(--color-text-light);font-weight:500;border-bottom:1px solid var(--color-border);white-space:nowrap}.order-mockup__col-order{width:16%}.order-mockup__col-store{width:13%}.order-mockup__col-product{width:20%}.order-mockup__col-recipient{width:13%}.order-mockup__col-price,.order-mockup__col-status{width:19%}.order-mockup__table th.order-mockup__th--right{text-align:right}.order-mockup__table td{padding:12px 6px;color:var(--color-text);border-bottom:1px solid var(--color-border);vertical-align:middle}.order-mockup__table td.order-mockup__td--right{text-align:right;white-space:nowrap}.order-mockup__product{display:flex;align-items:center;gap:8px;min-width:0}.order-mockup__thumb{width:28px;height:28px;background:#eef0f3;border-radius:4px;flex-shrink:0}.order-mockup__tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.6875rem;font-weight:500;white-space:nowrap}.order-mockup__tag--danger{color:#ef4444;background:#fef2f2}.order-mockup__tag--warning{color:#f59e0b;background:#fffbeb}.order-mockup__rule-popup{position:absolute;top:12px;right:16px;width:230px;background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:16px;z-index:10;pointer-events:none}.order-mockup__rule-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.order-mockup__rule-header_border{border-bottom:1px solid var(--color-border);margin-bottom:8px}.order-mockup__rule-title{font-size:.875rem;font-weight:600;color:var(--color-text-dark)}.order-mockup__rule-close{font-size:1rem;color:var(--color-text-light);line-height:1;cursor:default}.order-mockup__rule-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;font-size:.75rem;color:var(--color-text)}.order-mockup__rule-item:last-of-type{border-bottom:none}.order-mockup__toggle{width:36px;height:20px;border-radius:10px;position:relative;flex-shrink:0}.order-mockup__toggle--on{background:var(--color-primary)}.order-mockup__toggle--off{background:#d1d5db}.order-mockup__toggle:after{content:"";position:absolute;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1)}.order-mockup__toggle--on:after{right:2px}.order-mockup__toggle--off:after{left:2px}.order-mockup__save-btn{display:block;width:100%;margin-top:14px;padding:10px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;text-align:center;cursor:default}.finance-mockup__tabs{display:flex;gap:0;padding:0 16px;border-bottom:1px solid var(--color-border)}.finance-mockup__tab{padding:10px 14px;font-size:.75rem;color:var(--color-text-muted);border-bottom:2px solid transparent}.finance-mockup__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:500}.finance-mockup__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px 16px}.finance-mockup__stat{background:var(--color-bg-card);border-radius:var(--radius-sm);padding:10px 12px}.finance-mockup__stat-label{font-size:.6875rem;color:var(--color-text-light);margin-bottom:4px}.finance-mockup__stat-value{font-size:.9375rem;font-weight:700;color:var(--color-text-dark)}.finance-mockup__stat-value--green{color:var(--color-green)}.finance-mockup__table-wrap{height:270px;padding:0 16px 16px;position:relative}.finance-mockup__table{width:100%;border-collapse:collapse;font-size:.6875rem}.finance-mockup__table th{text-align:left;padding:8px 6px;color:var(--color-text-light);font-weight:500;border-bottom:1px solid var(--color-border)}.finance-mockup__table td{padding:10px 6px;color:var(--color-text);border-bottom:1px solid var(--color-border)}.finance-mockup__tooltip{position:absolute;top:clamp(12px,16%,40px);right:clamp(8px,3%,20px);width:clamp(180px,38%,230px);background:var(--color-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:12px;font-size:.6875rem;z-index:2}.finance-mockup__tooltip-title{font-weight:600;margin-bottom:4px;color:var(--color-text-dark)}.finance-mockup__tooltip-border{border-bottom:1px solid var(--color-border);margin-bottom:8px}.finance-mockup__tooltip-row{display:flex;justify-content:space-between;padding:3px 0;color:var(--color-text-muted)}.finance-mockup__tooltip-result{display:flex;justify-content:space-between;padding-top:6px;margin-top:6px;border-top:1px solid var(--color-border);font-weight:600;color:var(--color-text-dark)}@media (max-width:960px){.showcase__inner{grid-template-columns:1fr;gap:40px}.showcase__inner--reverse .showcase__visual{order:0}.ad-mockup__chart-popup,.finance-mockup__tooltip,.order-mockup__rule-popup{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:100%;max-width:100%;margin-top:12px;transform:none}.order-mockup__filters{padding-right:20px}.finance-mockup__summary{grid-template-columns:repeat(2,1fr)}}.why-us{padding:80px 0;background:var(--color-bg-gray)}.why-us__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.why-us__item{text-align:center;padding:0 12px}.why-us__title{font-size:1rem;font-weight:700;color:var(--color-text-dark);margin-bottom:8px}.why-us__desc{font-size:.8125rem;color:var(--color-text-muted);line-height:1.7}@media (max-width:960px){.why-us__grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:480px){.why-us__grid{grid-template-columns:1fr}}.footer{padding:48px 0 0;background:var(--color-bg)}.footer__inner{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;padding-bottom:40px}.footer__brand{display:flex;flex-direction:column;gap:14px}.footer__logo{display:flex;align-items:center;gap:8px;font-size:1.125rem;font-weight:700;color:var(--color-text-dark)}.footer__logo-icon{width:35px;height:27px;-o-object-fit:contain;object-fit:contain}.footer__address,.footer__desc{font-size:.8125rem;color:var(--color-text-desc);line-height:1.7;max-width:420px}.footer__address{display:flex;align-items:flex-start;gap:8px}.footer__address-icon{width:18px;height:18px;flex-shrink:0;margin-top:2px}.footer__features-col{padding-top:4px}.footer__col-title{font-size:.9375rem;font-weight:600;color:var(--color-text-dark);margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid var(--color-primary);display:inline-block}.footer__features-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 48px}.footer__features-list{display:flex;flex-direction:column;gap:12px}.footer__feature-link{font-size:.8125rem;color:var(--color-text-desc);transition:color .2s}.footer__feature-link:hover{color:var(--color-primary)}.footer__copyright{border-top:1px solid var(--color-border);padding:20px 24px;text-align:center}.footer__copyright p{font-size:.75rem;color:var(--color-text-muted);line-height:1.6}@media (max-width:768px){.footer__inner{grid-template-columns:1fr;gap:32px}.footer__features-grid{gap:12px 32px}}.feature-card__icon-wrap{width:40px;height:40px;border-radius:8px;background:var(--color-primary-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-card__icon{width:22px;height:22px;display:block}.why-us__icon{width:48px;height:48px;margin:0 auto 16px;display:block}.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease;transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;will-change:auto}}