:root{--bg:#0f101a;--surface:#171827;--surface-2:#1d1f31;--line:rgba(174,129,255,.2);--line-strong:rgba(174,129,255,.42);--text:#f5f3ff;--muted:#a9a7bb;--purple:#9d4edd;--blue:#5b7cfa;--green:#22c55e;--radius:16px;--shadow:0 18px 50px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,"Microsoft YaHei",sans-serif;letter-spacing:0;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 8%,rgba(91,124,250,.14),transparent 30%),radial-gradient(circle at 20% 22%,rgba(157,78,221,.12),transparent 28%);z-index:-1}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}::selection{background:rgba(157,78,221,.45);color:#fff}:focus-visible{outline:2px solid #b883ff;outline-offset:3px}.public-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:36px;min-height:72px;padding:0 clamp(20px,5vw,72px);background:rgba(15,16,26,.78);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.public-brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.public-brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--purple),var(--blue));font-weight:800;box-shadow:0 8px 25px rgba(157,78,221,.28)}.public-brand b{font-size:18px}.public-header nav{display:flex;justify-content:center;gap:28px;color:var(--muted);font-size:14px}.public-header nav a:hover{color:#fff}.header-actions,.intro-actions,.help-band>div:last-child{display:flex;align-items:center;gap:12px}.text-action{color:var(--muted);font-size:14px}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 18px;border-radius:12px;font-size:14px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.primary-action{background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff;box-shadow:0 10px 28px rgba(111,84,226,.25)}.primary-action:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(129,92,246,.38)}.secondary-action{border:1px solid var(--line-strong);background:rgba(255,255,255,.035)}.secondary-action:hover{border-color:#b883ff}.primary-action svg,.entry-link svg{width:17px}.menu-button{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:transparent;color:#fff}.intro-band,.role-band,.workflow-band,.trust-band,.help-band{width:min(1180px,calc(100% - 40px));margin:0 auto}.intro-band{min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);align-items:center;gap:clamp(36px,6vw,84px);padding:72px 0 96px}.platform-state{display:inline-flex;align-items:center;gap:8px;color:#cbb5ff;font-family:"DM Mono",monospace;font-size:12px}.platform-state svg{width:15px;color:var(--green)}.intro-copy h1{max-width:720px;margin:18px 0 22px;font-size:clamp(45px,6vw,78px);line-height:1.06;letter-spacing:0;font-weight:800}.intro-copy>p{max-width:650px;margin:0;color:#c3c0d2;font-size:17px}.intro-actions{margin-top:34px}.flow-console{padding:22px;border:1px solid var(--line-strong);border-radius:var(--radius);background:rgba(27,28,44,.78);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.console-head,.party-row,.service-link{display:flex;align-items:center}.console-head{justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.console-head>span{display:flex;align-items:center;gap:9px;font-weight:700}.console-head svg{width:18px;color:#b883ff}.console-head small{color:var(--muted);font-family:"DM Mono",monospace}.party-row{justify-content:space-between;gap:16px;padding:26px 4px}.party{display:flex;align-items:center;gap:12px;min-width:0}.avatar{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:50%;font-weight:800;background:#25273a;border:1px solid var(--line-strong)}.avatar-publisher{box-shadow:inset 0 0 0 5px rgba(157,78,221,.12)}.avatar-provider{box-shadow:inset 0 0 0 5px rgba(91,124,250,.12)}.party div{display:grid}.party small{color:var(--muted)}.party em{color:var(--green);font-size:11px;font-style:normal}.connection{display:flex;flex:1;justify-content:center;gap:8px;color:#b883ff}.connection span{width:clamp(20px,5vw,70px);height:1px;background:linear-gradient(90deg,transparent,#9d4edd)}.connection span:last-child{transform:rotate(180deg)}.connection svg{width:20px}.order-snapshot{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--line);border-radius:12px;background:rgba(8,9,16,.34)}.order-snapshot div{display:grid;gap:3px;padding:16px 18px;border-right:1px solid var(--line)}.order-snapshot div:last-child{border-right:0}.order-snapshot small{color:var(--muted)}.order-snapshot b{font-size:18px}.console-progress{display:flex;gap:8px;overflow:auto;padding:20px 0}.console-progress span{flex:0 0 auto;padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.04);color:#77758a;font-size:11px}.console-progress .is-done{color:#9ceab8;background:rgba(34,197,94,.1)}.console-progress .is-current{color:#d9c4ff;background:rgba(157,78,221,.16)}.service-link{gap:12px;padding:14px 16px;border-radius:12px;background:linear-gradient(110deg,rgba(157,78,221,.13),rgba(91,124,250,.08));border:1px solid var(--line)}.service-link svg{color:#b883ff}.service-link div{display:grid;flex:1}.service-link small,.service-link>span{color:var(--muted);font-size:11px}.role-band,.workflow-band,.trust-band{padding:96px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-heading h2{max-width:650px;margin:0;font-size:clamp(31px,4vw,48px);line-height:1.16}.section-heading p{max-width:520px;margin:0;color:var(--muted)}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.role-entry{display:flex;gap:18px;min-height:230px;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(24,25,40,.68);backdrop-filter:blur(14px);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.role-entry:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:var(--shadow)}.role-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:13px;background:linear-gradient(135deg,rgba(157,78,221,.28),rgba(91,124,250,.18));color:#d8c3ff}.role-entry h3{margin:4px 0 8px;font-size:22px}.role-entry p{margin:0;color:var(--muted)}.entry-link{display:inline-flex;align-items:center;gap:8px;margin-top:25px;color:#d5bdff;font-weight:700}.workflow-line{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.workflow-line li{position:relative;padding:26px 24px 0 0}.workflow-line li:before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:#9d4edd;box-shadow:0 0 16px #9d4edd}.workflow-line li>span{color:#b99bdd;font-family:"DM Mono",monospace}.workflow-line b{display:block;margin:12px 0 8px}.workflow-line p{margin:0;color:var(--muted);font-size:13px}.trust-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:36px}.trust-list{display:grid}.trust-list>div{display:flex;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.trust-list svg{width:24px;color:#c9a8ff}.trust-list span{display:grid}.trust-list small{color:var(--muted)}.rules-panel{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--line)}.rules-panel div{display:grid;align-content:center;gap:6px;min-height:126px;padding:22px;background:#171827}.rules-panel span{color:var(--muted);font-size:12px}.help-band{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:70px;margin-bottom:70px;padding:38px;border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(110deg,rgba(157,78,221,.13),rgba(91,124,250,.07))}.help-band h2{margin:0 0 7px}.help-band p{margin:0;color:var(--muted)}footer{display:flex;align-items:center;gap:28px;padding:30px clamp(20px,5vw,72px);border-top:1px solid var(--line);color:var(--muted)}footer p{margin-right:auto}footer>div{display:flex;flex-wrap:wrap;gap:18px;font-size:13px}footer .public-brand b{color:#fff}@media(max-width:980px){.public-header{grid-template-columns:auto auto;justify-content:space-between}.public-header nav{display:none;position:absolute;top:72px;left:16px;right:16px;flex-direction:column;padding:18px;border:1px solid var(--line);border-radius:14px;background:#171827}.public-header nav.is-open{display:flex}.header-actions>.text-action,.header-actions>.primary-action{display:none}.menu-button{display:grid;place-items:center}.intro-band{grid-template-columns:1fr;min-height:auto;padding-top:64px}.flow-console{max-width:720px}.role-grid{grid-template-columns:1fr}.role-entry{min-height:auto}.workflow-line{grid-template-columns:1fr 1fr;gap:24px}.trust-layout{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.help-band{align-items:flex-start;flex-direction:column}footer{align-items:flex-start;flex-wrap:wrap}footer p{width:100%;margin:0}}@media(max-width:600px){.public-header{min-height:64px;padding:0 16px}.public-header nav{top:64px}.intro-band,.role-band,.workflow-band,.trust-band,.help-band{width:min(100% - 28px,1180px)}.intro-band{padding:48px 0 66px}.intro-copy h1{font-size:39px}.intro-copy>p{font-size:15px}.intro-actions{align-items:stretch;flex-direction:column}.flow-console{padding:16px}.party-row{align-items:flex-start}.connection{display:none}.party{align-items:flex-start;flex-direction:column}.party:last-child{text-align:right;align-items:flex-end}.order-snapshot div{padding:12px 10px}.order-snapshot b{font-size:15px}.service-link>span{display:none}.role-band,.workflow-band,.trust-band{padding:64px 0}.role-entry{padding:20px}.workflow-line{grid-template-columns:1fr}.workflow-line li{padding-right:0}.rules-panel{grid-template-columns:1fr}.rules-panel div{min-height:96px}.help-band{margin-top:40px;padding:24px}.help-band>div:last-child{align-items:stretch;flex-direction:column;width:100%}footer{padding:28px 16px}footer>div{display:grid;grid-template-columns:1fr 1fr;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* Public hall type and touch feedback. */
body { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif; font-optical-sizing: auto; }
.intro-copy h1, .section-heading h2, .help-band h2 { letter-spacing: -.025em; }
:where(button, a, .role-entry, .primary-action, .secondary-action) { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.is-pressing { transform: scale(.985) !important; transition: transform .1s ease-out !important; }
@media (prefers-reduced-motion: reduce) { .is-pressing { transform: none !important; } }

/* LA identity refinement. */
body { font-family: var(--la-font); text-rendering: optimizeLegibility; }
h1, h2, h3, .public-brand, .primary-action, .secondary-action { font-family: var(--la-display); }
.intro-copy h1 { letter-spacing: -.035em; line-height: 1.04; text-wrap: balance; }
.intro-copy > p, .section-heading p, .role-entry p, .workflow-line p, .help-band p { line-height: 1.8; }
.public-header nav, .platform-state, .console-head small, .console-progress, .order-snapshot small { font-family: var(--la-font); }
.public-brand-logo { width: 76px; height: 52px; }
.primary-action, .secondary-action, .menu-button { transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.primary-action:active, .secondary-action:active, .menu-button:active { transform: translateY(1px) scale(.985); }
.role-entry, .flow-console, .help-band, .rules-panel { transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; }
.role-entry:hover, .flow-console:hover { transform: translateY(-3px); border-color: rgba(192, 158, 255, .46); box-shadow: 0 24px 60px rgba(4, 4, 12, .34); }
@media (max-width: 600px) { .public-brand-logo { width: 62px; height: 42px; } }