:root{--bg: #f5f6f8;--card: #ffffff;--line: #e5e7eb;--text: #111827;--body: #374151;--muted: #6b7280;--soft: #9ca3af;--pink: #e64691;--pink-deep: #c92d78;--pink-soft: #fff1f7;--green: #059669;--green-soft: #ecfdf5;--shadow: 0 18px 52px rgba(15, 23, 42, .06);color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden;background:var(--bg)}button,input{font:inherit}button{cursor:pointer}.site-shell{min-height:100vh;overflow-x:hidden}.container{width:min(100% - 48px,1240px);margin:0 auto;min-width:0}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(17,24,39,.08);background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-inner{min-height:72px;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:inherit;text-align:left}.brand-mark,.avatar{display:grid;place-items:center;color:#fff;font-weight:900;background:var(--text)}.brand-mark{width:40px;height:40px;border-radius:11px}.brand strong{display:block;font-size:18px;line-height:1.2}.brand small{display:block;margin-top:2px;color:var(--muted);font-size:12px}.top-nav{justify-self:center;display:inline-flex;align-items:center;gap:6px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#fff}.top-nav button,.header-action,.chip-row button,.side-filter button,.primary-action,.secondary-action,.team-footer button{min-height:38px;border-radius:10px;font-size:14px;font-weight:800}.top-nav button{min-width:84px;padding:0 16px;border:0;color:var(--muted);background:transparent}.top-nav button.active{color:var(--text);background:#f3f4f6}.header-action,.plain-action,.secondary-action{padding:0 16px;border:1px solid var(--line);color:var(--body);background:#fff}.header-user{display:inline-flex;align-items:center;gap:8px}.plain-action{min-height:36px;border-radius:10px;color:var(--muted);font-size:13px;font-weight:700}.primary-action,.team-footer button{padding:0 20px;border:0;color:#fff;background:var(--pink)}.primary-action:hover,.team-footer button:hover{background:var(--pink-deep)}.page{padding:34px 0 64px;display:grid;gap:22px}h1,h2,h3,p,strong,span,button{overflow-wrap:anywhere}.page-title{display:grid;gap:8px}.page-title h1{margin:0;color:var(--text);font-size:32px;line-height:1.2}.page-title p,.section-head p,.profile-panel p,.metric-card p,.entry-card span{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.home-page{padding-bottom:88px}.home-hero{display:grid;grid-template-columns:minmax(0,.86fr) minmax(560px,1.14fr);gap:56px;align-items:center;padding:76px 0 54px}.hero-copy{min-width:0}.eyebrow{width:fit-content;display:inline-flex;margin-bottom:18px;padding:8px 12px;border:1px solid rgba(230,70,145,.18);border-radius:999px;color:var(--pink);background:var(--pink-soft);font-size:13px;font-weight:900}.hero-copy h1{max-width:720px;margin:0;color:var(--text);font-size:clamp(52px,5.2vw,76px);line-height:1.02;letter-spacing:-.04em}.hero-copy p{max-width:660px;margin:24px 0 0;color:var(--body);font-size:18px;line-height:1.78}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.primary-action,.secondary-action{min-height:46px}.hero-carousel{position:relative;overflow:hidden;min-height:520px;border-radius:28px;background:linear-gradient(135deg,#e5e7eb,#fff1f7);box-shadow:0 24px 80px #0f172a1a;isolation:isolate}.home-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-items:end;padding:34px;opacity:0;animation:homeSlide 24s infinite;background:linear-gradient(180deg,#050a1414,#050a14a8),var(--slide-image),linear-gradient(135deg,#dbeafe,#fff1f7);background-size:cover;background-position:center}.home-slide:nth-child(1){animation-delay:0s}.home-slide:nth-child(2){animation-delay:6s}.home-slide:nth-child(3){animation-delay:12s}.home-slide:nth-child(4){animation-delay:18s}@keyframes homeSlide{0%,22%{opacity:1;transform:scale(1)}25%,to{opacity:0;transform:scale(1.025)}}.slide-panel{max-width:520px;padding:22px;border:1px solid rgba(255,255,255,.28);border-radius:22px;color:#fff;background:#0f172a6b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 60px #0000002e}.slide-panel strong{display:block;font-size:22px;letter-spacing:-.02em}.slide-panel p{margin:10px 0 0;color:#ffffffd1;font-size:14px;line-height:1.68}.slide-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.slide-meta span{padding:7px 10px;border-radius:999px;color:#fff;background:#ffffff29;font-size:12px;font-weight:900}.home-progress{position:absolute;left:34px;right:34px;bottom:22px;z-index:6;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.home-progress i{height:4px;overflow:hidden;border-radius:999px;background:#ffffff4d}.home-progress i:after{content:"";display:block;width:100%;height:100%;transform-origin:left;transform:scaleX(0);background:#fff;animation:homeBar 24s infinite}.home-progress i:nth-child(1):after{animation-delay:0s}.home-progress i:nth-child(2):after{animation-delay:6s}.home-progress i:nth-child(3):after{animation-delay:12s}.home-progress i:nth-child(4):after{animation-delay:18s}@keyframes homeBar{0%,22%{transform:scaleX(1)}23%,to{transform:scaleX(0)}}.home-section{padding:38px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:18px}.section-head h2{margin:0;color:var(--text);font-size:30px;line-height:1.2;letter-spacing:-.03em}.section-head>span{flex:0 0 auto;color:var(--muted);font-size:12px;font-weight:800}.home-list{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.home-row{display:grid;grid-template-columns:.9fr 1.45fr .9fr .75fr .8fr 1fr .75fr 92px;gap:16px;align-items:center;min-height:78px;padding:0 22px;border-top:1px solid var(--line)}.home-row:first-child{border-top:0}.home-row-head{min-height:50px;color:var(--muted);background:#fafafa;font-size:13px;font-weight:900}.home-row strong{display:block;margin-bottom:4px;color:var(--text);font-size:15px}.home-row small{color:var(--muted);font-weight:700}.home-demand-row{grid-template-columns:2fr .95fr 1.15fr 1fr .8fr 92px}.state{width:fit-content;padding:7px 10px;border-radius:999px;color:#be185d;background:#fdf2f8;font-size:12px;font-weight:900}.operate{min-height:34px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;color:#fff;background:var(--text);font-size:13px;font-weight:900}.home-workbench{display:grid;grid-template-columns:170px minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 24px 80px #0f172a1a}.workbench-side{padding:20px;border-right:1px solid var(--line);background:#fafafa}.workbench-side strong{display:block;margin-bottom:16px;font-size:15px}.workbench-side span{display:block;margin-bottom:8px;padding:10px 12px;border-radius:10px;color:var(--muted);font-size:13px;font-weight:900}.workbench-side span.active{color:var(--pink);background:var(--pink-soft)}.workbench-main{padding:24px;display:grid;gap:18px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric,.panel-card{border:1px solid var(--line);border-radius:16px;background:#fff}.metric{padding:18px}.metric b{display:block;margin-bottom:5px;color:var(--text);font-size:28px;letter-spacing:-.03em}.metric span{color:var(--muted);font-size:13px;font-weight:800}.panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.panel-card{min-height:160px;padding:18px;background:#fbfbfc}.panel-card h3{margin:0 0 14px;font-size:17px}.panel-card p{margin:0 0 10px;color:var(--muted);font-size:13px;line-height:1.6}.mini-line{height:10px;margin-top:10px;border-radius:999px;background:#e5e7eb}.mini-line.pink{width:58%;background:var(--pink)}.home-closing{margin:42px auto 0;padding:46px;border:1px solid rgba(230,70,145,.18);border-radius:28px;text-align:center;background:radial-gradient(circle at 84% 12%,rgba(230,70,145,.1),transparent 24%),#fff;box-shadow:var(--shadow)}.home-closing h2{max-width:760px;margin:0 auto;font-size:38px;line-height:1.2;letter-spacing:-.04em}.home-closing .action-row{justify-content:center}.toolbar-card,.side-filter,.team-card,.form-card,.order-aside .panel,.profile-panel,.metric-card,.entry-card,.panel,.login-card,.login-note{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:0 6px 18px #1118270a}.toolbar-card,.side-filter,.form-card,.profile-panel,.panel,.login-card,.login-note{padding:18px}.toolbar-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 260px;gap:18px;align-items:end}.toolbar-group{display:grid;gap:8px}.toolbar-group>span,.search-field>span,.field span,.login-field span{color:var(--muted);font-size:13px;font-weight:800}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-row button{padding:0 12px;border:1px solid var(--line);color:var(--muted);background:#fff}.chip-row button.active{color:var(--pink);border-color:#e6469147;background:var(--pink-soft)}.search-field{display:grid;gap:8px}.search-field input,.field input,.login-field input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:10px;padding:0 12px;color:var(--body);background:#fff}.list-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px}.side-filter{display:grid;align-content:start;gap:10px}.side-filter h2{margin:0 0 8px;font-size:18px}.side-filter button{border:1px solid var(--line);color:var(--body);background:#fff}.side-filter button.active{color:var(--pink);border-color:#e6469147;background:var(--pink-soft)}.filter-note{display:grid;gap:8px;margin-top:10px;padding:14px;border-radius:10px;background:#f9fafb}.filter-note span{color:var(--muted);font-size:13px;line-height:1.55}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.team-card{display:grid;gap:14px;padding:18px}.team-card.compact{max-width:560px}.card-line,.tag-row,.room-line,.team-footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.game-pill,.status-pill,.tag-row span{padding:6px 9px;border-radius:999px;color:var(--pink);background:var(--pink-soft);font-size:12px;font-weight:800}.status-pill{color:var(--green);background:var(--green-soft)}.team-person{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center}.avatar{width:46px;height:46px;border-radius:14px;background:var(--pink)}.avatar.large{width:72px;height:72px;border-radius:18px;font-size:24px}.team-person h3,.order-card h3{margin:0;color:var(--text);font-size:17px;line-height:1.35}.team-person p,.team-meta span,.team-intro,.order-card p{display:block;margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.team-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.team-meta span,.room-line{padding:10px;border-radius:10px;background:#f9fafb}.room-line strong,.room-line span{color:var(--body);font-size:13px}.team-footer{justify-content:space-between;padding-top:12px;border-top:1px solid var(--line)}.price{display:inline-flex;align-items:baseline;gap:4px;color:var(--pink);font-weight:900}.price b{font-size:26px;line-height:1}.price small,.time{color:var(--muted);font-size:12px;font-weight:800}.time{display:block;margin-top:6px}.order-layout{display:grid;grid-template-columns:minmax(0,1.3fr) 360px;gap:20px}.form-card{display:grid;gap:20px}.form-group{min-width:0;margin:0;padding:0 0 18px;border:0;border-bottom:1px solid var(--line)}.form-group legend{margin-bottom:12px;color:var(--text);font-size:18px;font-weight:900}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.field{display:grid;gap:8px}.field.wide{grid-column:span 3}.form-actions{display:flex;justify-content:flex-end}.order-aside{display:grid;align-content:start;gap:16px}.rule-list,.order-list{display:grid;gap:10px}.rule-list span{padding:12px;border-radius:10px;color:var(--body);background:#f9fafb;font-size:14px;font-weight:700}.order-card{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.login-layout{display:grid}.login-stack{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);gap:20px}.login-card,.login-note{display:grid;align-content:start;gap:16px}.login-card h2,.login-note h2{margin:0;color:var(--text);font-size:26px;line-height:1.2}.login-card p,.login-note p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.65}.login-field{display:grid;gap:8px}.code-field>div{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:8px}.code-field button{min-height:42px;border:1px solid var(--line);border-radius:10px;color:var(--body);background:#fff;font-weight:800}.code-field button:disabled,.primary-action:disabled{cursor:not-allowed;opacity:.65}.form-error,.form-message{margin:0;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:800}.form-error{color:#b91c1c;background:#fef2f2}.form-message{color:#047857;background:var(--green-soft)}.login-note{background:radial-gradient(circle at 84% 12%,rgba(230,70,145,.08),transparent 25%),#fff}.login-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.login-note-grid span{padding:14px;border:1px solid var(--line);border-radius:12px;color:var(--body);background:#f9fafb;font-weight:800}.dashboard-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px}.profile-panel{display:grid;align-content:start;justify-items:start;gap:12px}.profile-panel h2{margin:0;font-size:24px}.metric-grid,.entry-grid{display:grid;gap:16px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.metric-card,.entry-card{padding:18px}.metric-card span{color:var(--muted);font-size:13px;font-weight:800}.metric-card strong{display:block;margin:8px 0;color:var(--pink);font-size:28px}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-card{display:grid;gap:8px}.entry-card strong{color:var(--text);font-size:17px}@media(max-width:1080px){.header-inner{grid-template-columns:1fr;padding:14px 0}.top-nav{justify-self:stretch;overflow-x:auto}.header-user,.header-action{justify-self:start}.home-hero,.list-layout,.order-layout,.login-stack,.dashboard-layout,.home-workbench,.toolbar-card,.team-grid,.metric-grid,.entry-grid,.panel-grid{grid-template-columns:1fr}.home-list{overflow-x:auto}.home-row{min-width:1060px}.home-demand-row{min-width:900px}.metrics{grid-template-columns:1fr}}@media(max-width:640px){.container{width:min(100% - 28px,100%)}.home-hero{padding:44px 0 28px;gap:28px}.hero-copy h1{font-size:42px}.hero-copy p{font-size:16px}.hero-carousel{min-height:440px;border-radius:20px}.home-slide{padding:20px}.home-progress{left:20px;right:20px}.section-head,.team-footer{align-items:flex-start;flex-direction:column}.section-head h2{font-size:25px}.form-grid,.login-note-grid,.team-meta{grid-template-columns:1fr}.field.wide{grid-column:auto}.home-closing{padding:30px 18px}.home-closing h2{font-size:28px}}