:root{--ink:#171813;--paper:#f3efe6;--paper-2:#e8e2d7;--line:#cbc4b7;--muted:#68675f;--gold:#e3a12d;--gold-soft:#f3d291;--white:#fffdf8;--danger:#9d372b;--success:#2f6f4e;--radius:22px;--shadow:0 28px 70px rgba(33,28,19,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit}.skip-link{position:fixed;left:18px;top:-60px;background:var(--ink);color:white;padding:12px 18px;z-index:99}.skip-link:focus{top:18px}.app-shell{max-width:1540px;margin:auto;padding:16px 24px 0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:20;background:rgba(243,239,230,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(107,101,89,.18)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:-.03em;font-size:19px}.brand-glyph{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--gold);font-family:Georgia,serif;font-style:italic}.pill-nav{display:flex;gap:4px;padding:5px;background:rgba(215,208,194,.66);border-radius:999px}.pill-nav a{padding:9px 15px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:700;color:#53534c}.pill-nav a:hover,.pill-nav a.active{background:var(--white);color:var(--ink);box-shadow:0 3px 10px rgba(0,0,0,.06)}.top-actions{display:flex;align-items:center;gap:10px}.session-dot{width:8px;height:8px;border-radius:50%;background:#a3a097}.session-dot.online{background:#3a9064;box-shadow:0 0 0 4px rgba(58,144,100,.12)}.quiet-button,.lang-button,.text-action{border:0;background:transparent;cursor:pointer;color:var(--ink);font-weight:700}.lang-button{border:1px solid var(--line);border-radius:999px;padding:8px 11px}.welcome-strip{display:grid;grid-template-columns:1.35fr .65fr;gap:7vw;align-items:end;padding:75px 6px 34px}.eyebrow,.section-index{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--muted)}h1,h2,h3,p{margin-top:0}.welcome-strip h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(54px,7vw,106px);line-height:.88;letter-spacing:-.06em;margin:14px 0 0;max-width:1000px;font-weight:500}.welcome-strip h1 em{color:var(--gold);font-weight:500}.hero-intro{padding-bottom:4px}.hero-intro p{font-size:17px;line-height:1.55;color:#4f5049;max-width:560px}.arrow-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ink);padding-top:14px;text-decoration:none;font-weight:800}.arrow-link span:last-child{font-size:25px}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr .82fr;grid-template-rows:420px 300px;gap:14px}.hero-grid>*,.workbench>*,.auth-layout>*,.checkout-section>*,.operator-section>*{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.studio-card{margin:0;grid-row:1/3;position:relative;background:#b6a994}.studio-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.04)}.studio-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(10,10,8,.66))}.studio-card figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;color:white;display:flex;justify-content:space-between;align-items:center;font-size:12px}.live-chip{display:flex;align-items:center;gap:8px;background:rgba(19,20,16,.76);padding:9px 12px;border-radius:999px;backdrop-filter:blur(10px)}.live-chip i,.status-light,.console-top i{width:7px;height:7px;border-radius:50%;background:var(--gold);display:inline-block;box-shadow:0 0 0 4px rgba(227,161,45,.15)}.score-card,.queue-card{background:var(--white);padding:24px}.card-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.trend{background:#e4f0e8;color:var(--success);padding:5px 8px;border-radius:999px}.score-ring{--score:0;width:165px;aspect-ratio:1;margin:25px auto 20px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--gold) calc(var(--score)*1%),#ddd6ca 0)}.score-ring:after{content:"";position:absolute;inset:12px;background:var(--white);border-radius:50%}.score-ring strong,.score-ring span{position:relative;z-index:1}.score-ring strong{font-family:Georgia,serif;font-size:55px;font-weight:500}.score-ring span{position:absolute;z-index:2;bottom:36px;font-size:11px;color:var(--muted)}.score-card>p{color:var(--muted);font-size:13px;line-height:1.5}.mini-bars{display:grid;gap:11px}.mini-bars span{font-size:11px;display:grid;grid-template-columns:70px 1fr 24px;gap:8px;align-items:center}.mini-bars span:after{content:"";grid-column:2;background:linear-gradient(90deg,var(--gold) calc(var(--v)*1%),#ddd6ca 0);height:5px;border-radius:99px;grid-row:1}.mini-bars b{grid-column:3;grid-row:1}.motion-card{grid-column:3;grid-row:1/2;position:relative;background:var(--ink)}.motion-card video{width:100%;height:100%;object-fit:cover}.motion-card:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82))}.motion-overlay{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:white;display:flex;align-items:center;gap:12px}.motion-overlay>span{border:1px solid rgba(255,255,255,.5);width:38px;height:38px;display:grid;place-items:center;border-radius:50%}.motion-overlay div{display:grid}.motion-overlay small{color:#c9c6bd;margin-top:4px}.queue-card{grid-column:2/4;display:flex;flex-direction:column}.queue-card ol{list-style:none;margin:15px 0 0;padding:0}.queue-card li{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:14px 0;border-top:1px solid #ddd6ca}.queue-card li>span{font-family:Georgia,serif;font-size:24px;color:#9d998f}.queue-card li div{display:grid;gap:4px}.queue-card small{color:var(--muted)}.workspace-section,.commerce-section,.operator-section{padding:120px 0 0}.section-heading{display:grid;grid-template-columns:1fr .62fr;gap:9vw;align-items:end;margin-bottom:32px}.section-heading h2,.evidence-copy h2,.operator-copy h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(38px,5vw,72px);line-height:.95;letter-spacing:-.045em;margin:12px 0 0}.section-heading>p,.evidence-copy>p,.operator-copy>p{font-size:16px;line-height:1.6;color:var(--muted);margin:0}.workbench{display:grid;grid-template-columns:1.05fr .95fr;min-height:710px}.scan-panel{background:var(--ink);color:white;padding:28px}.result-panel{background:var(--white);padding:32px}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:28px}.panel-title small{margin-left:auto;color:#aaa99f;letter-spacing:.12em}.scan-panel label,.password-form label,.inline-auth label,.admin-auth label{display:grid;gap:8px;font-size:12px;font-weight:800;letter-spacing:.03em}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scan-panel input,.scan-panel select,.scan-panel textarea,.auth-panel input,.admin-console input{width:100%;border:1px solid #57584f;border-radius:12px;background:#24251f;color:white;padding:13px 14px;outline:none}.scan-panel textarea{resize:vertical}.scan-panel input:focus,.scan-panel textarea:focus,.scan-panel select:focus,.auth-panel input:focus,.admin-console input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(227,161,45,.12)}.scan-panel>label,.scan-panel>.field-row{margin-bottom:16px}.field-meta{display:flex;justify-content:space-between;color:#aaa99f;margin-top:2px}.primary-button,.secondary-button,.auth-button{border:0;border-radius:999px;padding:13px 18px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:18px}.primary-button{width:100%;background:var(--gold);color:#181914}.primary-button:hover{background:#f0b647;transform:translateY(-1px)}.primary-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{background:var(--ink);color:white}.empty-result{height:100%;min-height:500px;display:grid;place-content:center;text-align:center;max-width:360px;margin:auto}.empty-result strong{font-family:Georgia,serif;font-size:29px}.empty-result p{color:var(--muted);line-height:1.6}.radar-mark{width:160px;height:160px;border:1px solid var(--line);border-radius:50%;margin:0 auto 28px;position:relative;background:repeating-radial-gradient(circle,transparent 0 24px,rgba(70,68,61,.08) 25px 26px)}.radar-mark:after{content:"";position:absolute;inset:20%;border-radius:50%;background:conic-gradient(from -30deg,transparent,rgba(227,161,45,.9));filter:blur(.3px)}.report-top{display:flex;align-items:center;gap:24px}.score-ring.compact{width:132px;margin:0;flex:0 0 auto}.score-ring.compact strong{font-size:44px}.score-ring.compact span{bottom:25px}.report-top h3{font-family:Georgia,serif;font-size:38px;margin:6px 0}.report-top p{color:var(--muted);font-size:13px}.category-bars{display:grid;gap:10px;margin:28px 0}.category-row{display:grid;grid-template-columns:100px 1fr 38px;align-items:center;gap:12px;font-size:12px}.category-track{height:7px;background:#e3ddd2;border-radius:99px;overflow:hidden}.category-fill{height:100%;background:var(--gold);border-radius:inherit}.action-list{border-top:1px solid var(--line);padding-top:20px}.action-list h4{margin:0 0 8px}.action-list ol{margin:0;padding-left:20px}.action-list li{padding:8px 0;border-bottom:1px solid #e4ded4;line-height:1.4}.report-actions{display:flex;gap:8px;margin-top:20px}.evidence-section{margin-top:120px;background:var(--ink);color:white;border-radius:var(--radius);display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden}.evidence-copy{padding:68px}.evidence-copy .section-index{color:#aaa99f}.evidence-copy>p{color:#c4c3bb}.evidence-copy ul{margin:28px 0 0;padding:0;list-style:none}.evidence-copy li{padding:12px 0;border-bottom:1px solid #3d3e36}.constellation-frame{margin:0;position:relative;min-height:600px}.constellation-frame img{width:100%;height:100%;object-fit:cover}.constellation-frame figcaption{position:absolute;right:20px;bottom:18px;background:rgba(0,0,0,.7);padding:10px 12px;border-radius:99px;font-size:11px}.auth-layout{display:grid;grid-template-columns:1.15fr .85fr}.auth-panel{background:var(--white);padding:32px}.customer-center{background:#dcd5c8;padding:28px}.oauth-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-button{border:1px solid var(--line);background:var(--paper);justify-content:center}.auth-button.dark{background:var(--ink);color:white}.provider-icon{font-weight:900}.divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--muted);font-size:11px}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.inline-auth{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-bottom:14px}.auth-panel input{background:white;color:var(--ink);border-color:var(--line)}.password-form{border-top:1px solid var(--line);padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.password-form>div{grid-column:1/3;display:flex;align-items:center;gap:14px}.text-action{text-decoration:underline;font-size:12px}.status-message{font-size:12px;color:var(--muted);margin:18px 0 0;min-height:18px}.status-message.error{color:var(--danger)}.status-message.success{color:var(--success)}.state-badge{font-size:10px;padding:6px 9px;border-radius:99px;background:#c9c1b4}.state-badge.live{background:#cee8d8;color:#225d3d}.customer-center>div>p{color:var(--muted);margin-top:70px}.profile-row{display:flex;align-items:center;gap:12px;margin:35px 0}#userAvatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--gold);font-weight:900}.profile-row div{display:grid;gap:3px}.profile-row small{color:var(--muted)}.profile-row button{margin-left:auto}.account-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-stats div{background:rgba(255,255,255,.55);border-radius:14px;padding:16px;display:grid;gap:8px}.account-stats span{font-size:11px;color:var(--muted)}.account-stats strong{font-family:Georgia,serif;font-size:28px}.order-list{margin-top:14px;display:grid;gap:8px}.order-item{background:rgba(255,255,255,.55);border-radius:12px;padding:12px;font-size:12px;display:flex;justify-content:space-between}.checkout-section{margin-top:80px;display:grid;grid-template-columns:.85fr 1.15fr;gap:14px}.price-card{background:var(--gold);padding:42px}.price-card h2{font-family:Georgia,serif;font-size:54px;font-weight:500;margin:10px 0}.price-card>p{max-width:520px;line-height:1.6}.price{display:flex;align-items:end;gap:12px;margin:30px 0}.price strong{font-family:Georgia,serif;font-size:60px;font-weight:500}.price span{padding-bottom:10px}.price-card ul{padding-left:18px;line-height:1.9}.checkout-card{background:var(--white);padding:34px;display:flex;flex-direction:column;justify-content:center}.checkout-card>p{color:var(--muted);line-height:1.6;max-width:600px}.checkout-card .primary-button{max-width:440px;margin-top:18px}.trust-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.trust-row span{border:1px solid var(--line);padding:8px 10px;border-radius:99px;font-size:10px;font-weight:800}.operator-section{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:start;padding-bottom:130px}.operator-copy{position:sticky;top:110px}.admin-console{background:var(--ink);color:white;padding:28px}.console-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #45463e;padding-bottom:18px;font-size:11px;letter-spacing:.08em}.console-top span:first-child{display:flex;gap:10px;align-items:center}.admin-auth{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:26px}.admin-table-wrap{overflow:auto;margin-top:25px}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid #3d3e36;font-size:11px}th{color:#aaa99f;text-transform:uppercase;letter-spacing:.08em}.site-footer{border-top:1px solid var(--line);padding:55px 8px 28px;display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.footer-brand{margin-bottom:15px}.site-footer>div>p{color:var(--muted)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-links div{display:grid;align-content:start;gap:10px}.footer-links strong{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.footer-links a{font-size:13px;color:var(--muted);text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-note{grid-column:1/3;border-top:1px solid var(--line);padding-top:20px;font-size:11px;color:var(--muted)}
@media(max-width:1050px){.pill-nav{display:none}.welcome-strip{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr 1fr;grid-template-rows:480px 350px 280px}.studio-card{grid-column:1/3;grid-row:1}.score-card{grid-column:1;grid-row:2}.motion-card{grid-column:2;grid-row:2}.queue-card{grid-column:1/3;grid-row:3}.section-heading{grid-template-columns:1fr;gap:20px}.evidence-section,.operator-section{grid-template-columns:1fr}.constellation-frame{min-height:450px}.operator-copy{position:static}.workbench,.auth-layout{grid-template-columns:1fr}.checkout-section{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.footer-note{grid-column:1}.operator-section{gap:30px}}
@media(max-width:680px){.app-shell{padding:10px 12px 0}.topbar{height:62px}.quiet-button{display:none}.welcome-strip{padding-top:48px}.welcome-strip h1{font-size:52px}.hero-grid{display:flex;flex-direction:column}.studio-card{height:480px}.score-card,.motion-card{min-height:350px}.queue-card{min-height:auto}.studio-card figcaption>span:last-child{display:none}.workspace-section,.commerce-section{padding-top:90px}.workbench{min-height:0}.scan-panel,.result-panel,.auth-panel,.customer-center,.admin-console{padding:22px}.field-row,.oauth-row,.password-form{grid-template-columns:1fr}.password-form>div{grid-column:1}.inline-auth,.admin-auth{grid-template-columns:1fr}.empty-result{min-height:390px}.evidence-copy{padding:38px 24px}.constellation-frame{min-height:380px}.price-card{padding:30px 24px}.price-card h2{font-size:42px}.operator-section{padding-bottom:90px}.site-footer{gap:30px}.footer-links{grid-template-columns:1fr 1fr}.footer-links div:last-child{grid-column:1/3}.report-top{align-items:flex-start}.score-ring.compact{width:105px}.score-ring.compact strong{font-size:34px}.category-row{grid-template-columns:78px 1fr 30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.motion-card video{display:none}.motion-card{background:url('assets/generated/evidence-constellation-v2.png') center/cover}}


/* Hero balance — shouyi 2026-08-18.
   Original problem: .hero was a grid with no max-width, so it grew with the viewport
   while .hero-copy stayed capped, and the right column carried a larger fr. The whole
   composition leaned right as the screen widened.
   Fix: cap and centre the hero, and even out the columns above 1100px. The section keeps
   its own background full-bleed because only the grid box is capped, not the section. */
.hero {
  max-width: 1520px;
  margin-inline: auto;
}
@media (min-width: 1100px) {
  .hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr); }
}