:root{--bg:#f7f8fb;--surface:#fff;--ink:#182331;--sub:#687588;--line:#e7eaf1;--brand:#6554e8;--brand2:#8f7bf5;--good:#16885e;--bad:#d94a5d;--radius:20px;--shadow:0 15px 45px rgba(39,48,83,.055)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 5% -10%,#eae6ff 0%,transparent 27%),radial-gradient(circle at 98% 0%,#e9f4ff 0%,transparent 22%),var(--bg);line-height:1.58}
    button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:var(--brand)}.hidden{display:none!important}
    .wrap{max-width:1070px;margin:0 auto;padding:22px 22px 70px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:36px}
    .brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.4px;font-size:19px}.logo{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,#7769f3,#ad9fff);box-shadow:0 9px 25px #9583ed50;font-size:21px}
    .stamp{font-size:12px;font-weight:750;letter-spacing:.04em;background:#eee9ff;color:#6452c6;border:1px solid #dfd7ff;padding:6px 10px;border-radius:99px}
    .landing{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center;padding:35px 0 26px}.eyebrow{font-weight:800;color:var(--brand);font-size:13px;letter-spacing:.11em;text-transform:uppercase}.landing h1{font-size:clamp(36px,5vw,62px);letter-spacing:-2.6px;line-height:1.2;margin:15px 0 18px}.gradient{background:linear-gradient(120deg,#7059d9,#aa83f5);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:#627083;font-size:17px;max-width:490px;margin:0 0 22px}
    .mini-points{display:flex;gap:13px;flex-wrap:wrap;margin-top:26px}.point{display:flex;gap:7px;align-items:center;color:#556579;font-size:13px;font-weight:650}.dot{width:8px;height:8px;background:#43c49a;border-radius:50%}
    .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.create{padding:30px}.title-lg{font-size:22px;font-weight:800;margin:0 0 5px;letter-spacing:-.5px}.hint{font-size:13px;color:var(--sub);margin:0}.form{display:grid;gap:17px;margin-top:24px}.field{display:grid;gap:7px}.field label{font-size:13px;color:#45536a;font-weight:750}.input{width:100%;border:1.5px solid #e2e6ef;border-radius:12px;background:#fcfcff;padding:12px 13px;outline:none;transition:.18s;border-color:#e0e4ef;min-height:48px;color:var(--ink)}.input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #6e5aee14}textarea.input{resize:vertical;min-height:115px}.primary{background:linear-gradient(120deg,#6e5be7,#8772f0);color:white;border:0;font-weight:800;padding:12px 19px;min-height:48px;border-radius:12px;box-shadow:0 8px 22px #6554e835;transition:.18s}.primary:hover{transform:translateY(-1px)}.primary:focus-visible,.outline:focus-visible,.star:focus-visible{outline:3px solid #b5acf9;outline-offset:2px}.outline{background:#fff;color:#4a4f69;border:1px solid #dfe3ef;border-radius:12px;padding:10px 14px;font-weight:750}.link-btn{border:0;background:none;color:var(--brand);font-weight:750;padding:8px 0}.w-full{width:100%}.footnote{font-size:12px;color:#8792a1;text-align:center;margin-top:15px}.notice{font-size:13px;background:#f2f0ff;color:#5e5a88;border:1px solid #e8e2ff;border-radius:12px;padding:11px 13px}
    .mock{margin-top:28px;display:flex;gap:16px;align-items:center}.avatar{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:17px;background:#eeeaff;color:#7665d4;font-size:24px;font-weight:800}.review-preview{margin-top:16px;padding:16px;border:1px solid #edf0f7;border-radius:15px;background:#fdfdff}.stars{color:#efb35d;letter-spacing:3px;font-size:18px}.small{font-size:12px;color:var(--sub)}
    .app-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:2px 0 21px;flex-wrap:wrap}.app-layout{display:grid;grid-template-columns:240px 1fr;gap:22px;align-items:start}.sidebar{padding:19px;position:sticky;top:22px}.sidebar h3{font-size:14px;font-weight:800;margin:0 0 14px}.room-meta{display:grid;gap:4px;background:#f7f7fd;border-radius:14px;padding:12px;margin-bottom:17px}.side-nav{display:grid;gap:5px;margin-top:6px}.nav{width:100%;display:flex;align-items:center;gap:9px;padding:12px;border-radius:12px;border:none;background:transparent;text-align:left;font-weight:750;color:#69758a}.nav.active{color:#604fcb;background:#efecff}.nav .symbol{font-size:19px;line-height:1}.content{min-width:0;display:grid;gap:20px}.profile{padding:29px}.profile-head{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.profile .avatar{width:65px;height:65px;border-radius:20px}.profile h2{margin:0;line-height:1.35;font-size:24px;letter-spacing:-.5px}.trust{margin-left:auto;padding:7px 10px;border:1px solid #daf4e9;background:#edfaf3;color:#16855d;border-radius:30px;font-size:12px;font-weight:750}.profile-switch{display:flex;gap:8px;margin:23px 0 19px}.switch-btn{padding:8px 14px;border:1px solid var(--line);background:#fff;border-radius:99px;color:#6b7685;font-weight:750}.switch-btn.active{background:#eeeaff;color:#6350c9;border-color:#d8d0ff}
    .metrics{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}.metric{background:#f8f9fd;border-radius:15px;padding:17px 17px 15px}.metric span{display:block;font-size:12px;color:#748195}.metric strong{display:block;font-size:26px;line-height:1.3;margin-top:3px;letter-spacing:-1px}.metric strong.purple{color:var(--brand)}.metric strong.green{color:var(--good)}
    .section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px}.section-head h3{margin:0;font-size:18px}.reviews{padding:24px 26px}.review{border-top:1px solid var(--line);padding:19px 0 3px}.review:first-of-type{border-top:none}.review-top{display:flex;align-items:center;gap:11px}.tinyavatar{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#eaf2fb;color:#56739d;font-weight:800}.review-name{font-weight:800;font-size:14px}.review-body{margin:12px 0 9px;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.badge{font-weight:800;padding:5px 9px;font-size:11px;border-radius:99px;margin-left:auto}.badge.good{background:#e8f8f0;color:#13835c}.badge.mid{background:#fff2d7;color:#996000}.badge.bad{background:#ffe9eb;color:#c63d52}.empty{padding:40px 12px;text-align:center;color:#8b96a6}.empty .empty-icon{font-size:43px}.empty strong{display:block;color:#4b5870;margin-top:8px}.empty p{font-size:13px}
    .composer{padding:28px}.target{display:flex;align-items:center;gap:11px;margin:19px 0;padding:14px;background:#f7f8fd;border-radius:15px}.target .arrow{margin:auto;color:#8a91ac}.rating-title{font-size:13px;font-weight:800;margin-bottom:10px}.star-row{display:flex;gap:7px}.star{border:1px solid #e7e9f1;color:#d5d9e2;background:white;border-radius:12px;min-width:52px;height:52px;font-size:29px;line-height:1;transition:.13s}.star.active{color:#edb24d;background:#fffaf0;border-color:#f4dbac}.star:hover{transform:scale(1.05)}.rating-label{color:#796b50;font-size:13px;margin:8px 0 20px;min-height:18px}.share{padding:22px}.share-card{background:#f7f8fc;padding:14px;border:1px solid #e8eaf4;border-radius:14px;margin-top:12px}.share-title{font-weight:800;font-size:14px;margin-bottom:4px}.share-card .outline{margin-top:10px;width:100%}.muted{color:#788398;font-size:13px}.online{font-size:12px;color:#1a8d6c;background:#e7f7f1;padding:5px 9px;border-radius:99px;font-weight:800}.offline{font-size:12px;color:#b27430;background:#fff0d9;padding:5px 9px;border-radius:99px;font-weight:800}.row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.right{margin-left:auto}.toast{position:fixed;left:50%;bottom:32px;transform:translateX(-50%) translateY(12px);background:#283148;color:#fff;border-radius:12px;padding:10px 17px;font-weight:650;box-shadow:0 10px 30px #15204330;opacity:0;pointer-events:none;transition:.25s;z-index:30;max-width:min(480px,90vw);text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.error{background:#fff0f1;color:#be3e51;border:1px solid #ffdcdf;padding:12px;border-radius:12px;margin-top:12px;font-size:13px}.footer{margin-top:34px;color:#9a9fae;font-size:12px;text-align:center}.subheading{font-size:14px;color:#687588;margin:0}
    @media(max-width:760px){.wrap{padding:17px 15px 42px}.top{margin-bottom:16px}.landing{display:flex;flex-direction:column;gap:24px;padding:15px 0}.landing>div{width:100%}.landing h1{letter-spacing:-1.5px;font-size:42px}.lead{font-size:15px}.create{padding:21px}.mini-points{margin-top:16px}.mock{display:none}.app-layout{display:flex;flex-direction:column;gap:15px}.sidebar{position:static;width:100%;padding:13px}.sidebar h3,.room-meta{display:none}.side-nav{grid-template-columns:1fr 1fr}.nav{justify-content:center;text-align:center;padding:10px 8px}.app-header{margin:6px 0 13px}.content{width:100%;gap:15px}.profile,.composer{padding:21px}.profile h2{font-size:21px}.trust{margin-left:0}.metrics{grid-template-columns:repeat(3,1fr);gap:7px}.metric{padding:12px 8px}.metric strong{font-size:23px}.metric span{font-size:11px}.reviews{padding:19px}.star{min-width:0;flex:1;font-size:27px}.share{padding:18px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

    .item-card{padding:18px 0;border-top:1px solid var(--line)}.item-card:first-child{border-top:0}.item-title{font-weight:800;font-size:17px}.price{font-weight:850;color:#6654d5;font-size:23px;letter-spacing:-.5px}.line-space{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.pill{display:inline-block;border-radius:99px;padding:4px 9px;background:#f0edff;color:#6254b7;font-size:12px;font-weight:700}.order-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.paybox{border:1px solid #e5e7f0;background:#fafbfe;border-radius:15px;padding:16px;min-width:0;display:grid;gap:10px}.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.qr-preview{width:min(100%,245px);height:220px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid #e9eaf1;padding:10px}.pay-hint{font-size:13px;color:#6d748a;margin-top:8px}.order-qr{display:grid;place-items:center;margin:16px auto;width:245px;max-width:100%;border:1px solid #e9eaf1;border-radius:12px}.select-small{border-radius:10px;padding:9px 10px;border:1px solid #e0e4ef;background:#fff;max-width:100%}
    @media(max-width:760px){.side-nav{grid-template-columns:repeat(3,1fr)}.nav{font-size:12px;flex-direction:column;gap:1px}.nav .symbol{font-size:20px}.pay-grid{grid-template-columns:1fr}}
    .role-rules{background:#fff9ed;border:1px solid #f4dfa8;border-radius:15px;padding:16px;color:#786044;margin:15px 0;font-size:13px}
    .role-rules strong{color:#604b28}.coins{display:grid;grid-template-columns:1fr 1fr;gap:10px}.coin-tile{background:#f8f6ff;padding:12px 15px;border-radius:13px}.coin-tile b{font-size:22px;display:block;color:#6251c4}.game-badge{display:inline-block;background:#f7efff;border:1px solid #dfd4f8;color:#7c55a2;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:750}.game-note{border-left:3px solid #9c87ef;padding:9px 12px;background:#f7f4ff;color:#705c8b;font-size:12px;margin-top:10px}.story-more{margin-top:14px;text-align:center}.followup{margin-top:11px;padding:10px;border-radius:11px;background:#f5f3ff;font-size:13px}.consent-panel{border:1px solid #e5d4ad;background:#fffaf0;border-radius:15px;padding:18px;margin-bottom:18px}.danger-note{color:#a0444e!important}.paused{opacity:.6}