:root{color-scheme:light;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;background:#f5fbf7;color:#19323d;--ink: #19323d;--muted: #657487;--line: rgba(86, 122, 135, .18);--panel: rgba(255, 255, 255, .9);--primary: #0b91a7;--primary-strong: #087486;--sun: #f3b23f;--coral: #ee765f;--green: #2fa66f;--purple: #7a67d8;--shadow: 0 18px 44px rgba(47, 86, 94, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#eefaff,#fff9ec 42%,#f5fbf7)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.landing-page{min-height:100vh;color:#231f1a;background-color:#f8f3e9;background:radial-gradient(circle at 52% 110px,rgba(151,31,28,.08),transparent 32%),radial-gradient(circle at 16% 260px,rgba(159,122,54,.14),transparent 30%),radial-gradient(circle at 84% 220px,rgba(40,33,25,.08),transparent 30%),linear-gradient(180deg,#fffaf0,#f8f3e9 46%,#f5efe2);overflow-x:hidden}.landing-page:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(70,55,35,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(70,55,35,.03) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(180deg,#000000e6,#0000003d);mask-image:linear-gradient(180deg,#000000e6,#0000003d)}.landing-hero{position:relative;min-height:96vh;overflow:hidden;display:grid;align-content:center;padding:124px 0 78px}.route-canvas{position:absolute;inset:0;width:100%;height:100%}.landing-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fffaf0e6,#fffaf02e),radial-gradient(circle at 50% 14%,rgba(255,255,255,.88),transparent 38%),radial-gradient(circle at 78% 28%,rgba(151,31,28,.08),transparent 24%);pointer-events:none}.landing-nav{position:fixed;top:18px;left:50%;z-index:30;width:min(1160px,calc(100% - 40px));min-height:66px;padding:8px 14px;display:flex;align-items:center;justify-content:flex-start;border:1px solid rgba(64,49,31,.12);border-radius:8px;background:#fffaf0e6;box-shadow:0 14px 34px #40311f1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}.landing-brand{display:flex;align-items:center;gap:10px;color:#262832;text-decoration:none;min-width:0}.landing-brand span{width:48px;height:48px;border-radius:8px;display:grid;place-items:center;background:#fffcf4c7;border:1px solid rgba(64,49,31,.1);overflow:hidden;box-shadow:inset 0 1px #fffc,0 8px 18px #40311f14}.landing-brand span img{width:130%;height:130%;object-fit:contain}.landing-brand strong{width:118px;display:block;line-height:0}.landing-brand strong img{width:100%;height:auto;display:block}.landing-nav nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:22px;align-items:center;justify-content:center}.landing-nav nav a{position:relative;color:#4b4438;text-decoration:none;font-weight:900;font-size:15px;transition:color .2s ease,transform .2s ease}.landing-nav nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:-7px;height:2px;border-radius:999px;background:linear-gradient(90deg,#16120d,#971f1c,#b9852c);opacity:0;transition:left .2s ease,right .2s ease,opacity .2s ease}.landing-nav nav a:hover{color:#971f1c;transform:translateY(-1px)}.landing-nav nav a:hover:after{left:0;right:0;opacity:1}.hero-content{position:relative;z-index:2;width:min(1180px,100%);margin:0 auto;padding:0 34px;display:grid;grid-template-columns:1fr;justify-items:center;gap:30px;text-align:center}.hero-copy{display:grid;justify-items:center;width:min(900px,100%)}.hero-pill{width:fit-content;display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 12px;border:1px solid rgba(64,49,31,.12);border-radius:999px;background:#fffaf0b8;color:#6d4f22;font-size:13px;font-weight:800;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.jianghu-title{position:relative;width:min(760px,100%);margin:0 0 14px;color:transparent;letter-spacing:0;line-height:0;filter:drop-shadow(0 18px 26px rgba(31,35,43,.12));animation:inkFloat 7s ease-in-out infinite}.jianghu-title span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.jianghu-title img{display:block;width:100%;height:auto}.hero-copy p{width:min(690px,100%);margin:0;color:#665c4e;font-size:17px;line-height:1.85}.hero-visual-panel{width:min(1020px,100%);margin:0 auto;display:grid;gap:14px;justify-items:stretch;animation:riseIn .72s ease both}.hero-prompt{position:relative;width:100%;min-height:66px;margin-top:0;padding:9px 10px 9px 16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;border:1px solid rgba(31,35,43,.09);border-radius:999px;background:linear-gradient(180deg,#ffffffe6,#ffffffad);box-shadow:0 18px 54px #1f232b17,inset 0 1px #ffffffe6;text-align:left;overflow:hidden}.hero-prompt:after{content:"";position:absolute;top:-70%;bottom:-70%;left:-24%;width:18%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.68),transparent);animation:inkSweep 4.8s ease-in-out infinite;pointer-events:none}.prompt-seal{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 38%),linear-gradient(135deg,#16120d,#971f1c 56%,#b9852c);box-shadow:0 8px 20px #971f1c2e;transform:rotate(-7deg)}.hero-prompt span:nth-child(2){color:#3c424d;font-size:14px;line-height:1.56}.hero-prompt a{min-height:42px;padding:0 18px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#16120d,#971f1c 58%,#b9852c);text-decoration:none;font-size:14px;line-height:1;font-weight:800;box-shadow:0 10px 24px #971f1c29}.hero-actions{margin-top:20px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.landing-primary,.landing-secondary{min-height:46px;border-radius:8px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.landing-primary{color:#fff;background:radial-gradient(circle at 16% 16%,rgba(255,255,255,.3),transparent 32%),linear-gradient(135deg,#16120d,#8f1d1a 56%,#b9852c);box-shadow:0 12px 30px #40311f29}.landing-secondary{color:#2d281f;border:1px solid rgba(64,49,31,.14);background:#fffaf0c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.landing-primary:hover,.landing-secondary:hover{transform:translateY(-1px)}.landing-primary:hover{box-shadow:0 18px 42px #971f1c33}.landing-secondary:hover{border-color:#971f1c3d;box-shadow:0 12px 26px #40311f1a}.hero-metrics{width:100%;margin-top:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hero-metrics span{min-height:62px;padding:10px 12px;border-radius:8px;display:grid;align-content:center;gap:3px;background:#fffaf0a3;border:1px solid rgba(64,49,31,.1);color:#665c4e;font-size:13px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.hero-metrics span:hover{transform:translateY(-3px);border-color:#971f1c2e;box-shadow:0 16px 34px #40311f1a}.hero-metrics strong{color:#1f232b;font-size:23px;line-height:1}.hero-console{position:relative;width:100%;border-radius:8px;margin-top:0;padding:18px;background:radial-gradient(circle at 12% 18%,rgba(185,133,44,.18),transparent 34%),radial-gradient(circle at 86% 26%,rgba(151,31,28,.12),transparent 32%),radial-gradient(circle at 50% 100%,rgba(35,31,25,.1),transparent 38%),linear-gradient(135deg,#fffaf0f0,#faf4e8c2);border:1px solid rgba(64,49,31,.14);box-shadow:0 26px 80px #40311f1f,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);text-align:left;overflow:hidden;animation:floatPanel 6s ease-in-out infinite}.hero-console:before{content:"";position:absolute;left:20px;right:20px;top:0;height:3px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,#16120d,#971f1c,#b9852c)}.console-top{display:flex;align-items:center;gap:8px;margin-bottom:18px}.console-top span{width:10px;height:10px;border-radius:50%;background:#1f232b2e}.console-top strong{margin-left:auto;color:#6f6251;font-size:12px}.console-line{min-height:46px;display:flex;align-items:center;gap:10px;color:#5f5649;border-bottom:1px solid rgba(64,49,31,.09)}.console-line.active{color:#971f1c}.console-preview{margin-top:18px;padding:18px;border-radius:8px;background:#fffaf0e6;color:var(--ink)}.console-preview strong{display:block;font-size:18px}.console-preview p{margin:8px 0 16px;color:#665c4e}.console-preview div{height:10px;border-radius:999px;margin-top:10px;background:linear-gradient(90deg,#971f1c29,#b9852c40)}.console-preview div:nth-child(4){width:82%}.console-preview div:nth-child(5){width:64%}.style-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.style-cloud span{min-height:30px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid rgba(64,49,31,.1);border-radius:999px;color:#5f5649;background:#fffaf09e;font-size:12px;font-weight:700}.landing-section{scroll-margin-top:96px;padding:92px max(34px,calc((100vw - 1160px)/2));background:radial-gradient(circle at 14% 12%,rgba(185,133,44,.1),transparent 28%),#f8f3e9}.landing-section h2,.landing-final h2{width:min(860px,100%);margin:12px 0 30px;color:#22242b;font-size:42px;line-height:1.18;font-weight:760}.section-kicker{width:max-content;max-width:100%;min-height:28px;display:inline-flex;align-items:center;padding:0 11px;color:#6d4f22;border:1px solid rgba(64,49,31,.12);border-radius:999px;background:#fffaf0b3;font-weight:800;letter-spacing:.08em;font-size:12px}.feature-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.compare-section{background:radial-gradient(circle at 16% 18%,rgba(185,133,44,.12),transparent 28%),radial-gradient(circle at 88% 10%,rgba(151,31,28,.08),transparent 24%),#f5efe2}.compare-intro,.samples-head{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,.72fr);gap:44px;align-items:end;margin-bottom:28px}.compare-intro h2,.samples-head h2{margin-bottom:0}.compare-intro p,.samples-head p{margin:0 0 6px;color:#5f5649;font-size:16px;line-height:1.86}.compare-board{position:relative;border:1px solid rgba(64,49,31,.12);border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#fffaf0eb,#faf4e8c7),#fffaf0;box-shadow:0 28px 76px #40311f1a}.compare-board:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#16120d,#971f1c,#b9852c)}.compare-board table{width:100%;min-width:780px;border-collapse:collapse;color:#2d281f}.compare-board th,.compare-board td{padding:20px 22px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(64,49,31,.09)}.compare-board th{padding-top:24px;color:#6d4f22;background:#fffaf0b8;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.compare-board tbody tr{transition:background .2s ease,transform .2s ease}.compare-board tbody tr:hover{background:#fff5dfa8}.compare-board td:first-child{width:18%;color:#151d2d;font-size:17px;font-weight:900}.compare-old,.compare-new{width:41%;color:#665c4e;line-height:1.75}.compare-old{background:#786a520b}.compare-new{color:#3d3429;background:linear-gradient(90deg,#971f1c0e,#b9852c0d);font-weight:760}.samples-section{background:radial-gradient(circle at 10% 12%,rgba(151,31,28,.07),transparent 24%),radial-gradient(circle at 90% 80%,rgba(185,133,44,.11),transparent 28%),#fffaf0}.sample-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.sample-card{position:relative;min-width:0;border:1px solid rgba(64,49,31,.12);border-radius:8px;background:#fffaf0c7;box-shadow:0 22px 62px #40311f17;overflow:hidden;transform:translateY(0);animation:sampleRise .72s ease both;animation-delay:var(--delay);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.sample-card:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(125deg,transparent 32%,rgba(255,255,255,.42) 46%,transparent 60%);transform:translate(-120%);transition:transform .64s ease}.sample-card:hover{transform:translateY(-8px) rotate(-.35deg);border-color:#971f1c38;box-shadow:0 28px 78px #40311f24}.sample-card:hover:before{transform:translate(120%)}.sample-frame{position:relative;aspect-ratio:1055 / 1491;max-height:420px;overflow:hidden;background:#f1e7d5}.sample-frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center;transform:scale(1.01);transition:transform .36s ease}.sample-card:hover .sample-frame img{transform:scale(1.055)}.sample-body{position:relative;z-index:2;padding:18px}.sample-body span{display:inline-flex;min-height:26px;align-items:center;padding:0 9px;border:1px solid rgba(151,31,28,.16);border-radius:999px;color:#971f1c;background:#fff5dfbf;font-size:12px;font-weight:900}.sample-body strong{display:block;margin:13px 0 8px;color:#282b33;font-size:18px;line-height:1.28}.sample-body p{margin:0;color:#665c4e;font-size:14px;line-height:1.7}.pain-section{display:grid;grid-template-columns:minmax(360px,.86fr) minmax(0,1.14fr);gap:48px;align-items:center;background:radial-gradient(circle at 84% 18%,rgba(151,31,28,.1),transparent 30%),radial-gradient(circle at 20% 84%,rgba(185,133,44,.1),transparent 26%),#fffaf0}.pain-copy{position:relative}.pain-copy p{width:min(560px,100%);margin:-14px 0 0;color:#5f5649;font-size:17px;line-height:1.9}.pain-grid{display:grid;grid-template-columns:1fr;gap:18px}.pain-card{min-height:252px;padding:26px;border:1px solid rgba(31,35,43,.1);border-radius:8px;background:radial-gradient(circle at 12% 8%,rgba(185,133,44,.16),transparent 30%),linear-gradient(145deg,#fffaf0eb,#faf4e8c7);box-shadow:0 20px 62px #40311f14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.pain-card:nth-child(2){border-color:#971f1c2e}.pain-card:hover,.landing-card:hover,.workflow-step:hover,.plan-card:hover{transform:translateY(-5px);border-color:#971f1c2e;box-shadow:0 26px 72px #40311f1f}.pain-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.pain-card-top span{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;color:#971f1c;background:linear-gradient(135deg,#fff5df,#f4e3bd 52%,#f8e9bd)}.pain-card-top em{color:#6f6251;font-style:normal;font-size:12px;font-weight:900;letter-spacing:.08em}.pain-stat{margin-top:24px;display:flex;align-items:baseline;gap:10px}.pain-stat strong{color:#151d2d;font-size:clamp(44px,5vw,66px);line-height:.92;font-weight:900}.pain-stat small{color:#971f1c;font-size:15px;font-weight:900}.pain-card>strong{display:block;margin:24px 0 10px;color:#282b33;font-size:24px;line-height:1.2}.pain-card p{margin:0;color:#5f5649;font-size:16px;line-height:1.78}.landing-card,.workflow-step,.plan-card{border-radius:8px;background:#fffaf0bd;border:1px solid rgba(64,49,31,.1);box-shadow:0 18px 58px #40311f12;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.landing-card{padding:24px}.landing-card span{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;color:#971f1c;background:linear-gradient(135deg,#fff5df,#f4e3bd 52%,#f8e9bd)}.landing-card strong{display:block;margin:22px 0 10px;color:#282b33;font-size:20px}.landing-card p,.plan-card p{margin:0;color:#665c4e;line-height:1.65}.workflow-section{position:relative;overflow:hidden;background:linear-gradient(rgba(64,49,31,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(64,49,31,.03) 1px,transparent 1px),radial-gradient(circle at 82% 20%,rgba(151,31,28,.1),transparent 28%),radial-gradient(circle at 22% 88%,rgba(185,133,44,.13),transparent 28%),#f5efe2;background-size:34px 34px,34px 34px,auto,auto,auto}.workflow-section:before{content:"";position:absolute;left:max(34px,calc((100vw - 1160px)/2));right:max(34px,calc((100vw - 1160px)/2));top:262px;height:1px;background:linear-gradient(90deg,transparent,rgba(151,31,28,.28),rgba(185,133,44,.34),transparent);box-shadow:0 0 26px #b9852c38}.workflow-section:after{content:"AI";position:absolute;right:max(34px,calc((100vw - 1160px)/2));top:104px;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;color:#971f1c2e;border:1px solid rgba(151,31,28,.1);background:radial-gradient(circle,rgba(255,250,240,.58),transparent 72%);font-size:32px;font-weight:900;letter-spacing:.04em;animation:slowSpin 18s linear infinite}.workflow-grid{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.workflow-step{position:relative;min-height:216px;padding:22px;display:grid;grid-template-rows:auto auto 1fr auto;align-content:stretch;overflow:hidden}.workflow-step:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 16%,rgba(185,133,44,.16),transparent 30%),linear-gradient(125deg,transparent 38%,rgba(255,255,255,.62) 50%,transparent 62%);transform:translate(-130%);opacity:0;transition:transform .58s ease,opacity .28s ease;pointer-events:none}.workflow-step:after{content:"";position:absolute;right:-10px;top:50%;width:20px;height:20px;border-top:2px solid rgba(151,31,28,.22);border-right:2px solid rgba(151,31,28,.22);transform:translateY(-50%) rotate(45deg)}.workflow-step:last-child:after{display:none}.workflow-step:hover:before,.workflow-step.active:before{transform:translate(115%);opacity:1}.workflow-step span{position:relative;z-index:1;color:#971f1c;font-weight:900;font-size:19px;line-height:1}.workflow-icon{position:relative;z-index:1;width:48px;height:48px;margin-top:26px;border-radius:8px;display:grid;place-items:center;color:#fffaf0;background:radial-gradient(circle at 20% 16%,rgba(255,255,255,.32),transparent 35%),linear-gradient(135deg,#16120d,#971f1c 58%,#b9852c);box-shadow:0 14px 28px #971f1c29}.workflow-step strong{position:relative;z-index:1;align-self:end;margin-top:26px;font-size:20px;color:#22242b;line-height:1.25}.workflow-step p{position:relative;z-index:1;margin:10px 0 0;color:#665c4e;font-size:14px;line-height:1.72}.workflow-step.active{border-color:#971f1c3d;background:radial-gradient(circle at 72% 18%,rgba(151,31,28,.1),transparent 34%),radial-gradient(circle at 20% 86%,rgba(185,133,44,.15),transparent 30%),#fffaf0d1;box-shadow:0 28px 82px #971f1c1f}.access-section{display:grid;grid-template-columns:minmax(0,.78fr) minmax(520px,.92fr);gap:42px;align-items:center}.access-intro{width:min(560px,100%);margin:-12px 0 0;color:#5f5649;font-size:16px;line-height:1.86}.access-panel{display:grid;grid-template-columns:minmax(0,1fr) 228px;gap:16px;align-items:stretch}.plan-grid{display:grid;gap:16px}.plan-card{padding:22px}.plan-card span{color:#665c4e;font-weight:900}.plan-card strong{display:block;margin:12px 0 8px;font-size:38px;line-height:1}.plan-card.featured{border-color:#971f1c2e;background:radial-gradient(circle at 14% 16%,rgba(151,31,28,.1),transparent 34%),linear-gradient(145deg,#fffaf0f2,#faf4e8c2)}.wechat-card{position:relative;min-height:100%;padding:18px;border:1px solid rgba(151,31,28,.16);border-radius:8px;display:grid;align-content:start;gap:15px;background:radial-gradient(circle at 84% 16%,rgba(151,31,28,.13),transparent 32%),radial-gradient(circle at 14% 86%,rgba(185,133,44,.16),transparent 34%),linear-gradient(145deg,#fffaf0f5,#faf4e8c7);box-shadow:0 24px 72px #40311f1a;overflow:hidden}.wechat-card:before{content:"";position:absolute;left:18px;right:18px;top:0;height:3px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,#16120d,#971f1c,#b9852c)}.qr-frame{width:100%;aspect-ratio:1;padding:10px;border-radius:8px;background:linear-gradient(135deg,#ffffffc7,#fff5dfc2),#fffaf0;border:1px solid rgba(64,49,31,.12);box-shadow:inset 0 1px #ffffffd1}.qr-frame img{width:100%;height:100%;border-radius:6px;display:block;object-fit:contain;background:#fff}.wechat-copy span{color:#6d4f22;font-size:11px;font-weight:900;letter-spacing:.08em}.wechat-copy strong{display:block;margin:8px 0 7px;color:#22242b;font-size:18px;line-height:1.25}.wechat-copy p{margin:0;color:#665c4e;font-size:14px;line-height:1.7}.landing-final{min-height:52vh;padding:92px 34px;display:grid;place-items:center;text-align:center;background:linear-gradient(180deg,#fffaf0c7,#f8f3e9f5),radial-gradient(circle at center,rgba(151,31,28,.11),transparent 34%)}.landing-final h2{margin-left:auto;margin-right:auto}@keyframes inkFloat{0%,to{transform:translateY(0);filter:drop-shadow(0 18px 26px rgba(31,35,43,.12))}50%{transform:translateY(-5px);filter:drop-shadow(0 24px 34px rgba(151,31,28,.14))}}@keyframes floatPanel{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes inkSweep{0%,46%{left:-24%;opacity:0}52%{opacity:.72}72%,to{left:116%;opacity:0}}@keyframes sampleRise{0%{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.landing-page *,.landing-page *:before,.landing-page *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.portal-shell{position:relative;min-height:100vh;background:linear-gradient(180deg,#ffffff70,#fff0),linear-gradient(135deg,#eefaff,#fff8e7 44%,#f4fbf5)}.agency-login-shell{background:linear-gradient(90deg,#fffaf1db,#f5fdfbb8 46%,#fffaf1c7),var(--agency-login-bg) center / cover fixed,#f8f4ea}.agency-login-shell:before{content:"";position:fixed;inset:78px 0 0;pointer-events:none;background:linear-gradient(180deg,#ffffffd1,#ffffff8a 42%,#fffaf1b8),radial-gradient(circle at 30% 30%,rgba(255,255,255,.5),transparent 38%);-webkit-backdrop-filter:blur(1.6px);backdrop-filter:blur(1.6px)}.agency-login-shell .workspace{position:relative;z-index:1}.portal-header{position:sticky;top:0;z-index:10;min-height:78px;padding:0 32px;color:var(--ink);display:grid;grid-template-columns:290px 1fr minmax(260px,auto);align-items:center;gap:24px;background:linear-gradient(135deg,#ffffffeb,#ecfbffe6 48%,#fff7e2eb),#fff;border-bottom:1px solid rgba(86,122,135,.16);box-shadow:0 14px 36px #2f565e1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.portal-header.agency-header{grid-template-columns:minmax(260px,1fr) minmax(260px,auto)}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand-mark{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#11a6bd,#56c78a 54%,#f2bd4f),var(--primary);color:#fff;font-size:23px;font-weight:900;box-shadow:inset 0 1px #ffffff7a,0 12px 24px #0b91a738}.agency-brand-mark{width:58px;height:58px;display:block;object-fit:contain;background:transparent;color:inherit;font-size:initial;font-weight:initial;box-shadow:none;filter:drop-shadow(0 10px 18px rgba(31,35,43,.1))}.brand-wordmark{width:clamp(142px,12vw,190px);height:auto;display:block;object-fit:contain;flex:0 1 auto}.brand h1{margin:0;font-size:20px;line-height:1.2}.brand p{margin:3px 0 0;color:var(--muted);font-size:13px}.header-title h2{margin:0;font-size:23px;letter-spacing:0}.header-actions,.staff-auth{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.staff-auth input{width:220px;background:#fffffff0}.workspace{width:min(1540px,100%);margin:0 auto;padding:34px;display:grid;gap:24px;align-content:start}.companion-banner{position:relative;overflow:hidden;min-height:214px;padding:24px;border:1px solid rgba(86,122,135,.14);border-radius:8px;background:linear-gradient(135deg,#fffffff0,#ebfafbcc 54%,#fff6dfdb),#fff;box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:22px;align-items:center}.companion-copy{display:grid;gap:10px}.portal-wordmark{width:min(520px,96%);height:auto;display:block;object-fit:contain;margin:-18px 0 -4px -8px}.companion-copy h2{margin:0;max-width:680px;color:#173541;font-size:28px;line-height:1.22}.companion-copy p:last-child{margin:0;max-width:680px;color:var(--muted);line-height:1.75}.scenery-strip{min-width:0;display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:10px}.scenery-strip figure{position:relative;min-height:154px;margin:0;overflow:hidden;border-radius:8px;box-shadow:0 14px 28px #2f565e1f}.scenery-strip figure:first-child{min-height:172px}.scenery-strip img{width:100%;height:100%;display:block;object-fit:cover}.scenery-strip figcaption{position:absolute;left:10px;bottom:10px;min-height:28px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;color:#fff;background:#102b3485;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;font-weight:900}.auth-wrap{min-height:calc(100vh - 146px);display:grid;grid-template-columns:minmax(280px,.82fr) minmax(360px,540px);place-items:stretch;align-items:center;gap:26px;width:min(980px,100%);margin:0 auto}.auth-visual{min-height:390px;border-radius:8px;padding:28px;display:grid;align-content:end;color:#fff;background:linear-gradient(180deg,#1837410d,#183741b8),var(--auth-image);background-size:cover;background-position:center;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.22);overflow:hidden}.auth-visual-copy{display:grid;gap:10px}.auth-visual span{color:#ffffffb8;font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.auth-visual strong{font-size:30px;line-height:1.15}.auth-visual p{width:min(390px,100%);margin:0;color:#ffffffdb;line-height:1.68}.auth-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.auth-chips em{min-height:28px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;background:#ffffff2e;color:#fff;font-size:12px;font-style:normal;font-weight:900;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-card{position:relative;width:min(540px,100%);overflow:hidden}.auth-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--primary),#3bb4c4,var(--sun))}.grid{display:grid;gap:24px}.two-columns{grid-template-columns:minmax(380px,.9fr) minmax(420px,1.1fr)}.staff-grid{grid-template-columns:minmax(360px,.78fr) minmax(560px,1.22fr);align-items:start}.admin-grid{grid-template-columns:minmax(440px,.9fr) minmax(560px,1.1fr);align-items:start}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric{position:relative;overflow:hidden;background:linear-gradient(145deg,#fffffff5,#f1fcfadb);border:1px solid rgba(255,255,255,.72);border-radius:8px;padding:20px;box-shadow:var(--shadow)}.metric:after{content:"";position:absolute;right:16px;top:16px;width:46px;height:46px;border-radius:8px;background:linear-gradient(135deg,#0b91a71f,#f3b23f33)}.metric span{color:var(--muted);display:block;font-size:13px;margin-bottom:12px}.metric strong{display:block;font-size:34px;line-height:1}.panel{position:relative;background:var(--panel);border:1px solid rgba(255,255,255,.78);border-radius:8px;padding:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel:after{content:"";position:absolute;inset:0;border-radius:8px;pointer-events:none;box-shadow:inset 0 1px #fffc}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.panel-heading h3{margin:4px 0 0;font-size:21px}.form-note{margin:-6px 0 2px;color:var(--muted);line-height:1.65;font-size:13px;font-weight:600}.eyebrow{margin:0;color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}label{display:grid;gap:7px;color:#2b3445;font-size:13px;font-weight:800}input,select,textarea{width:100%;min-height:44px;padding:11px 13px;border:1px solid rgba(86,122,135,.24);border-radius:8px;background:#ffffffeb;color:var(--ink);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#0b91a7c7;background:#fff;box-shadow:0 0 0 4px #0b91a71f}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:end}form.panel,.subform,.auth-card,.card-manager{display:grid;gap:16px}.subform{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.primary,.primary-button,.secondary-button,.ghost{min-height:42px;border-radius:8px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer;font-weight:900;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.primary,.primary-button{border:0;background:linear-gradient(135deg,#0b91a7,#2fbf87 58%,#f3b23f);color:#fff;box-shadow:0 12px 24px #0b91a738}.primary:hover,.primary-button:hover{transform:translateY(-1px);background:linear-gradient(135deg,#087486,#27a978 58%,#e79c2c);box-shadow:0 16px 30px #0b91a747}.secondary-button,.ghost{border:1px solid rgba(86,122,135,.24);background:#ffffffe6;color:#263247}.portal-header .ghost{border-color:#567a8733;background:#ffffffbd;color:#254452}.ghost:hover,.secondary-button:hover{transform:translateY(-1px);border-color:#0b91a757;background:#fff;box-shadow:0 10px 22px #2f565e1a}.portal-header .ghost:hover{background:#fff}.small{min-height:30px;padding:0 10px;font-size:12px}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.58;cursor:not-allowed}.file-input{min-height:86px;border:1px dashed rgba(11,145,167,.38);background:linear-gradient(145deg,#ffffffc7,#e5f9f2c7);border-radius:8px;display:grid;place-items:center;padding:16px;color:#41506a;text-align:center}.file-input input{display:none}.check-line{min-height:30px;width:fit-content;display:inline-flex;grid-template-columns:none;align-items:center;gap:9px;color:#42546b;font-size:13px;font-weight:800;cursor:pointer;-webkit-user-select:none;user-select:none}.check-line input{width:17px;height:17px;min-height:17px;padding:0;accent-color:var(--primary);cursor:pointer}.submit-progress{position:relative;display:grid;gap:9px;padding:13px;border:1px solid rgba(11,145,167,.16);border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#e7f9fcf5,#fff7e2d6),#fff}.submit-progress:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.48) 45%,transparent 68%);transform:translate(-100%);animation:submit-sheen 1.8s ease-in-out infinite;pointer-events:none}.submit-progress>div{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#214657;font-size:13px;font-weight:900}.submit-progress strong{color:var(--primary);font-size:12px}.submit-progress i{position:relative;height:9px;border-radius:999px;background:linear-gradient(90deg,var(--primary),#2fbf87 64%,var(--sun));box-shadow:0 8px 18px #0b91a72e;transition:width .28s ease}.submit-progress i:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(135deg,rgba(255,255,255,.28) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.28) 75%,transparent 75%,transparent);background-size:18px 18px;animation:submit-stripes .8s linear infinite}.notice{border-radius:8px;padding:11px 12px;background:#e7f9fce0;color:var(--primary);font-size:13px;line-height:1.5;border:1px solid rgba(11,145,167,.12)}.notice.error{background:#fff1f1;color:#b42318;border-color:#b4231829}.notice.success{background:#ecfdf3;color:#0b7a45;border-color:#10a66a29}.card-badge{display:flex;align-items:center;gap:8px;min-height:40px;padding:7px 10px;border-radius:8px;font-size:12px;border:1px solid rgba(86,122,135,.18);background:#ffffffb3;color:#254452;flex-wrap:wrap}.card-badge.trial{background:#fff4e2d6;border-color:#f3b23f47}.card-badge.premium{background:#ebfaf0d6;border-color:#2fa66f3d}.job-list,.card-table{display:grid;gap:11px}.job-row,.card-row{width:100%;border:1px solid rgba(86,122,135,.18);background:#ffffffc2;border-radius:8px;padding:14px;display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:left;box-shadow:0 8px 20px #2f565e0d}.job-row{cursor:pointer}.job-row.static{cursor:default}.job-row:hover,.job-row.selected{border-color:#0b91a770;background:#effbf8eb;transform:translateY(-1px)}.job-row.static:hover{border-color:#7e8fa638;background:#ffffffc2;transform:none}.job-row strong,.card-row strong{display:block;color:var(--ink);font-size:14px;margin-bottom:5px}.job-row span,.card-row span{display:block;color:var(--muted);font-size:12px}.status{min-width:66px;text-align:center;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid transparent}.status.info{color:var(--primary);background:#0b91a71a;border-color:#0b91a724}.status.warning{color:#9a4d00;background:#f3b23f29;border-color:#f3b23f33}.status.success{color:#08734b;background:#10a66a1f;border-color:#10a66a29}.status.purple{color:var(--purple);background:#7a67d81a;border-color:#7a67d826}.status.muted{color:var(--muted);background:#6873861a}.count{border-radius:999px;background:#1219270f;color:#41506a;padding:7px 11px;font-size:12px;font-weight:900}.detail-panel{display:grid;gap:20px}.meta-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.meta-grid div{background:linear-gradient(145deg,#ffffffc2,#f1fcf8bd);border:1px solid rgba(86,122,135,.15);border-radius:8px;padding:13px}.meta-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.meta-grid strong{display:block;font-size:14px;word-break:break-word}.split{display:grid;grid-template-columns:minmax(270px,.75fr) minmax(380px,1.25fr);gap:20px}h4{margin:0 0 8px;font-size:14px}.muted-text{margin:0 0 18px;color:var(--muted);line-height:1.6}.preview-box{min-height:380px;border:1px solid rgba(86,122,135,.2);background:linear-gradient(145deg,#0b91a70f,#ffffffd1);border-radius:8px;overflow:hidden;display:grid;grid-template-rows:1fr auto}.ai-generating{min-height:380px;padding:34px 24px;display:grid;place-items:center;align-content:center;gap:18px;text-align:center;background:linear-gradient(135deg,#e8fafcd1,#fff8e6b8),#fff}.ai-orbit{position:relative;width:108px;height:108px;border-radius:999px;border:1px solid rgba(11,145,167,.18);display:grid;place-items:center;background:#ffffff94}.ai-orbit:before{content:"AI";width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,#0b91a7,#2fbf87 60%,#f3b23f);box-shadow:0 12px 26px #0b91a73d}.ai-orbit span{position:absolute;inset:10px;border-radius:999px;border:2px solid transparent;border-top-color:#0b91a7cc;animation:ai-spin 2.8s linear infinite}.ai-orbit span:nth-child(2){inset:22px;border-top-color:#f3b23fcc;animation-duration:2.1s;animation-direction:reverse}.ai-orbit span:nth-child(3){inset:34px;border-top-color:#2fa66fcc;animation-duration:1.6s}.ai-generating-steps{min-height:28px;display:grid;place-items:center;color:var(--ink);font-size:22px}.ai-generating-steps strong{grid-area:1 / 1;opacity:0;animation:ai-step 8s ease-in-out infinite}.ai-generating-steps strong:nth-child(2){animation-delay:2s}.ai-generating-steps strong:nth-child(3){animation-delay:4s}.ai-generating-steps strong:nth-child(4){animation-delay:6s}.ai-generating p{width:min(430px,100%);margin:0;color:var(--muted);line-height:1.7}@keyframes ai-spin{to{transform:rotate(360deg)}}@keyframes ai-step{0%,18%{opacity:0;transform:translateY(8px)}24%,44%{opacity:1;transform:translateY(0)}50%,to{opacity:0;transform:translateY(-8px)}}@keyframes submit-sheen{0%{transform:translate(-100%)}52%,to{transform:translate(100%)}}@keyframes submit-stripes{to{background-position:18px 0}}.preview-box iframe{width:100%;height:100%;min-height:315px;border:0;background:#fff}.preview-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;padding:13px;border-top:1px solid rgba(86,122,135,.18);background:#ffffffe6}.empty-state{min-height:140px;display:grid;place-items:center;align-content:center;gap:10px;color:#7a8699;text-align:center}.inline-button{margin-top:4px;max-width:100%;white-space:normal}.code-box{max-height:170px;overflow:auto;display:grid;gap:6px;padding:12px;border:1px solid rgba(11,145,167,.14);border-radius:8px;background:linear-gradient(135deg,#e7f9fce6,#fff7e2db)}.lookup-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;padding-top:14px;border-top:1px solid var(--line)}.lookup-result{display:grid;gap:6px;padding:14px;border:1px solid rgba(11,145,167,.18);border-radius:8px;background:linear-gradient(135deg,#e7f9fce6,#fff7e2b3)}.lookup-result span{color:var(--primary);font-size:12px;font-weight:900}.lookup-result strong{color:var(--ink);word-break:break-all}.lookup-result em{color:var(--muted);font-size:12px;font-style:normal}code{display:block;color:#17606f;font-size:12px;word-break:break-all;font-weight:800}.card-row{align-items:flex-start}@media(max-width:1180px){.portal-header{grid-template-columns:1fr;padding:18px;gap:14px}.portal-header.agency-header{grid-template-columns:1fr}.header-actions,.staff-auth{justify-content:flex-start}.two-columns,.staff-grid,.admin-grid,.split,.metric-grid,.auth-wrap,.hero-content,.feature-grid,.compare-intro,.samples-head,.sample-grid,.pain-section,.workflow-grid,.access-section{grid-template-columns:1fr}.auth-visual{min-height:260px}.landing-nav{align-items:flex-start;height:auto;padding-top:18px;padding-bottom:18px;flex-direction:column}.hero-content{width:min(900px,100%);text-align:center;justify-items:center}.hero-copy{justify-items:center}.hero-actions{justify-content:center}.hero-console{max-width:none}.compare-board{overflow-x:auto}.sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pain-copy,.pain-copy p,.pain-section h2{width:100%}.pain-card{min-height:auto}.access-panel{grid-template-columns:1fr}.wechat-card{grid-template-columns:180px minmax(0,1fr);align-items:center}.workflow-section:before{top:auto;bottom:92px}.workflow-step:after{inset:auto auto -14px 34px;transform:rotate(135deg)}}@media(max-width:720px){.workspace{padding:18px}.landing-hero{min-height:auto;padding:126px 0 46px}.landing-nav{top:10px;width:calc(100% - 24px);padding:10px 12px;align-items:center;flex-direction:row}.landing-nav nav{width:auto;gap:12px;flex-wrap:nowrap}.landing-nav nav a:nth-child(1),.landing-nav nav a:nth-child(2),.landing-nav nav a:nth-child(3),.landing-nav nav a:nth-child(4),.landing-nav nav a:nth-child(5),.landing-nav nav a:nth-child(6){display:none}.header-actions,.staff-auth{align-items:stretch;flex-direction:column}.agency-header .header-actions{align-items:flex-start}.agency-brand-mark{width:50px;height:50px}.brand-wordmark{width:min(160px,54vw)}.staff-auth input{width:100%}.form-grid,.meta-grid,.lookup-form{grid-template-columns:1fr}.auth-visual{min-height:220px;padding:22px}.auth-visual strong{font-size:25px}.panel{padding:16px}.preview-actions{align-items:stretch;flex-direction:column}.landing-nav nav{width:100%;gap:12px;flex-wrap:wrap}.hero-copy p{font-size:16px}.jianghu-title{width:min(430px,100%);margin-top:16px}.portal-wordmark{width:min(360px,100%);margin:-8px 0 0 -4px}.hero-prompt{grid-template-columns:auto minmax(0,1fr);padding:14px;border-radius:24px}.hero-prompt a{grid-column:1 / -1;width:100%}.hero-actions,.hero-metrics{align-items:stretch}.hero-metrics,.sample-grid{grid-template-columns:1fr}.sample-frame{max-height:520px}.compare-intro,.samples-head{gap:18px}.compare-board{margin-right:-12px}.compare-board th,.compare-board td{padding:16px}.pain-stat{display:grid;gap:8px}.pain-stat strong{font-size:46px}.pain-card>strong{font-size:22px}.landing-primary,.landing-secondary{width:100%}.landing-section,.landing-final{padding-top:64px;padding-bottom:64px}.workflow-section:before,.workflow-section:after{display:none}.workflow-step{min-height:190px;padding:20px}.workflow-icon,.workflow-step strong{margin-top:22px}.wechat-card{grid-template-columns:1fr}.qr-frame{max-width:220px;margin:0 auto}.wechat-copy{text-align:center}}.portal-admin .metric:first-child{border-color:#f3b23f5c}.portal-staff .panel-heading svg,.portal-agency .panel-heading svg,.portal-admin .panel-heading svg{color:var(--primary)}
