:root{--bg:#f5f7f2;--bg-strong:#e9f2eb;--surface:#fffdf8;--surface-strong:#fff;--line:#d9e2d8;--line-strong:#b8cabb;--ink:#17211b;--muted:#627067;--muted-strong:#435047;--accent:#d94f45;--accent-strong:#b73931;--accent-soft:#fff0ec;--teal:#147c72;--teal-soft:#dff2ec;--gold:#f2b84b;--blue:#436f8f;--danger:#b42318;--shadow:0 22px 70px #1f30261f;--shadow-soft:0 14px 40px #1f302614}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;color:var(--ink);background:linear-gradient(#fffdf8eb,#f5f7f2f5),repeating-linear-gradient(90deg,#147c720b 0 1px,#0000 1px 78px);flex-direction:column;margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}main{flex:1}.site-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8e6;border-bottom:1px solid #d9e2d8db;position:sticky;top:0}.site-header-inner{grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:18px;width:min(1120px,100% - 32px);min-height:72px;margin:0 auto;display:grid}.brand-link{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-mark{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));width:42px;height:42px;color:var(--accent-strong);background:linear-gradient(135deg,#d94f4529,#147c7229),#fff;border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:inline-flex}.brand-copy{gap:2px;min-width:0;display:grid}.brand-copy strong{color:var(--ink);font-size:17px;line-height:1.2}.brand-copy span{color:var(--muted);font-size:12px;font-weight:650;line-height:1.3}.site-nav{align-items:center;gap:6px;display:flex}.site-nav-link{min-height:38px;color:var(--muted-strong);border-radius:8px;align-items:center;padding:0 12px;font-size:14px;font-weight:750;display:inline-flex}.site-nav-link:hover,.site-nav-link-active{background:var(--teal-soft);color:var(--teal)}.site-header-cta{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-size:14px;font-weight:850;display:inline-flex;box-shadow:0 10px 22px #d94f452e}.site-footer{background:#fffdf8d1;border-top:1px solid #d9e2d8db}.site-footer-inner{grid-template-columns:minmax(240px,1fr) auto auto;align-items:center;gap:18px;width:min(1120px,100% - 32px);margin:0 auto;padding:24px 0;display:grid}.site-footer strong{color:var(--ink);font-size:15px;display:block}.site-footer p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.6}.site-footer-links{color:var(--muted-strong);flex-wrap:wrap;gap:12px;font-size:13px;font-weight:750;display:flex}.site-footer-links a{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--teal) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--teal) 45%, transparent);text-underline-offset:4px}.site-footer-sites{grid-column:1/-1}.copyright{text-align:right}.page-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:40px 0 56px}.narrow-shell{width:min(960px,100% - 32px);margin:0 auto;padding:40px 0 56px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:stretch;gap:24px;display:grid}.section-grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:24px;display:grid}.stack{gap:24px;display:grid}.panel,.panel-strong{overflow-wrap:anywhere;min-width:0}.panel{background:color-mix(in srgb, var(--surface) 92%, #fff 8%);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:8px;padding:24px}.panel-strong{background:var(--surface-strong);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:28px}.eyebrow{color:var(--accent-strong);letter-spacing:0;margin:0;font-size:12px;font-weight:800}.display-title{letter-spacing:0;max-width:760px;margin:12px 0 0;font-size:clamp(34px,5vw,58px);line-height:1.05}.page-title{letter-spacing:0;margin:10px 0 0;font-size:clamp(30px,4vw,46px);line-height:1.12}.section-title{letter-spacing:0;margin:0;font-size:22px;line-height:1.3}.body-copy{color:var(--muted);margin:16px 0 0;font-size:16px;line-height:1.8}.body-copy-strong{color:var(--muted-strong);font-weight:650}.meta-row{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.pill{border:1px solid var(--line);min-height:34px;color:var(--muted-strong);background:#fff;border-radius:999px;align-items:center;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.pill-accent{border-color:color-mix(in srgb, var(--accent) 34%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.filter-chip{border:1px solid color-mix(in srgb, var(--teal) 30%, var(--line));min-height:38px;color:var(--teal);background:#fff;border-radius:999px;align-items:center;padding:0 14px;font-size:13px;font-weight:850;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex;box-shadow:0 8px 18px #147c7214}.filter-chip:hover{border-color:var(--teal);background:var(--teal-soft);transform:translateY(-1px)}.filter-chip-active{border-color:color-mix(in srgb, var(--accent) 44%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.tag-chip{min-height:32px;color:var(--muted-strong);background:#fffdf8b8;border:1px solid #43504729;border-radius:999px;align-items:center;padding:0 11px;font-size:13px;font-weight:700;display:inline-flex}.tag-chip-accent{color:var(--accent-strong);background:#fff0ecad;border-color:#d94f453d}.progress-meter{background:#dff2ec61;border:1px solid #147c722e;border-radius:8px;gap:8px;padding:12px;display:grid}.progress-meter-header{color:var(--muted-strong);justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:750;display:flex}.progress-meter-header strong{color:var(--teal);white-space:nowrap}.progress-track{background:#147c721f;border-radius:999px;height:9px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--accent));height:100%;display:block}.visual-board{background:linear-gradient(135deg, #147c7224, #fff0ece0), var(--surface-strong);border:1px solid var(--line);min-height:390px;box-shadow:var(--shadow);border-radius:8px;padding:22px;position:relative;overflow:hidden}.visual-card{background:#ffffffe0;border:1px solid #17211b1f;border-radius:8px;gap:10px;padding:18px;display:grid;position:relative;box-shadow:0 14px 34px #1f30261f}.visual-card+.visual-card{margin-top:14px}.visual-card-offset{margin-left:46px}.visual-card-title{color:var(--muted);margin:0;font-size:13px;font-weight:800}.visual-answer{margin:0;font-size:20px;font-weight:800;line-height:1.35}.lock-strip{background:#fffdf8e6;border:1px solid #d94f4540;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.assessment-grid{gap:14px;display:grid}.assessment-card{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;gap:10px;padding:18px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid}.assessment-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.assessment-card-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.status-text{color:var(--accent-strong);white-space:nowrap;font-size:13px;font-weight:800}.status-muted{color:var(--muted)}.primary-button,.secondary-button,.quiet-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:800;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex}.input-control{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:8px;padding:0 12px;font-weight:700}.form-field{gap:8px;display:grid}.form-field span{color:var(--muted-strong);font-size:13px;font-weight:800}.textarea-control{resize:vertical;min-height:300px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.55}.textarea-control-large{min-height:460px}.invite-copy-form{gap:12px;display:grid}.invite-title-preview,.inviter-message-card{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;gap:8px;padding:14px;display:grid}.invite-title-preview span,.inviter-message-card span{color:var(--muted-strong);font-size:13px;font-weight:800}.invite-title-preview strong{color:var(--ink);font-size:17px}.invite-title-preview small,.inviter-message-card small{color:var(--muted);font-size:12px;line-height:1.5}.inviter-message-card p{color:var(--ink);margin:0;font-weight:800;line-height:1.6}.invite-copy-textarea{min-height:92px;font-family:inherit;font-size:14px}.primary-button{background:var(--accent);color:#fff;border:0;box-shadow:0 12px 26px #d94f453d}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.quiet-button:disabled{opacity:.64;cursor:not-allowed;transform:none}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#fff}.quiet-button{border:1px solid color-mix(in srgb, var(--teal) 26%, var(--line));background:color-mix(in srgb, var(--teal-soft) 44%, #fff 56%);min-height:38px;color:var(--teal);box-shadow:none;padding:0 14px;font-size:14px}.quiet-button:hover{border-color:var(--teal);background:var(--teal-soft);transform:translateY(-1px)}.quiet-button-disabled{border-color:var(--line);color:var(--muted);cursor:not-allowed;background:#fff}.full-button{width:100%}.relation-picker{gap:10px;display:grid}.relation-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.relation-chip{border:1px solid var(--line);min-height:42px;color:var(--muted-strong);cursor:pointer;background:#fff;border-radius:8px;padding:0 10px;font-weight:800}.relation-chip:hover{border-color:var(--line-strong);background:var(--teal-soft)}.relation-chip-active{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.fixed-relation-chip{border:1px solid color-mix(in srgb, var(--teal) 24%, var(--line));background:var(--teal-soft);color:var(--muted-strong);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.fixed-relation-chip span{font-size:13px;font-weight:750}.fixed-relation-chip strong{color:var(--teal)}.option-list{gap:12px;display:grid}.option-button{border:1px solid var(--line);width:100%;min-height:58px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:8px;padding:14px 16px;font-size:16px;line-height:1.65}.option-button-selected{border:2px solid var(--accent);background:var(--accent-soft);padding:13px 15px}.option-button:disabled{opacity:.68;cursor:not-allowed}.action-row{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.action-group{flex-wrap:wrap;gap:12px;display:flex}.admin-grid{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:flex-start;gap:20px;display:grid}.admin-sidebar{position:sticky;top:96px}.admin-list{gap:8px;margin-top:16px;display:grid}.admin-list-item{border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:8px;gap:4px;padding:12px;display:grid}.admin-list-item span{color:var(--muted);font-size:12px;font-weight:700}.admin-list-item-active{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:var(--accent-soft)}.admin-success{color:var(--teal);font-weight:800}.review-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.review-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:12px;padding:16px;display:grid}.mini-copy{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.boundary-note{border:1px solid color-mix(in srgb, var(--teal) 18%, var(--line));background:color-mix(in srgb, var(--surface) 82%, #fff 18%);color:var(--muted);border-radius:8px;margin:18px 0 0;padding:12px 14px;font-size:13px;line-height:1.65}.error-text{color:var(--danger);margin:0;line-height:1.6}.result-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.result-hero{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:linear-gradient(135deg, #fff0ece6, #fffdf8f0 52%, #dff2ece0), var(--surface-strong);box-shadow:var(--shadow);border-radius:8px;padding:30px;position:relative;overflow:hidden}.result-hero:after{color:#d94f451a;content:"MATCH";letter-spacing:0;pointer-events:none;font-size:54px;font-weight:950;position:absolute;bottom:24px;right:28px}.result-hero-grid{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;display:grid;position:relative}.evidence-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:16px;display:grid}.evidence-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;padding:16px;display:grid}.score-card{background:#ffffffc7;border:1px solid #17211b1a;border-radius:8px;gap:10px;padding:15px;display:grid}.score-card-accent{border-color:color-mix(in srgb, var(--accent) 28%, var(--line));background:#fff0ecc2}.score-meter-grid{gap:12px;margin-top:18px;display:grid}.score-meter{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;padding:15px;display:grid}.score-row{color:var(--muted);justify-content:space-between;gap:12px;display:flex}.share-link{color:var(--accent-strong);margin-top:16px;font-weight:800;display:inline-flex}.share-card{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--line));background:linear-gradient(135deg, #fff0eceb, #dff2eceb), var(--surface-strong);box-shadow:var(--shadow);border-radius:8px;padding:26px;position:relative;overflow:hidden}.public-share-card{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:linear-gradient(135deg, #fff0eceb, #fffdf8f2 52%, #dff2ece6), var(--surface-strong);box-shadow:var(--shadow);border-radius:8px;padding:30px;position:relative;overflow:hidden}.public-share-card:after{color:#d94f451a;content:"MATCH";letter-spacing:0;pointer-events:none;font-size:54px;font-weight:950;position:absolute;bottom:24px;right:28px}.share-card:after{color:#147c7224;content:"可截图分享";font-size:13px;font-weight:900;position:absolute;top:22px;right:24px}.share-takeaways{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.share-takeaways li{color:var(--muted-strong);background:#ffffffc7;border:1px solid #17211b1a;border-radius:8px;padding:12px 14px;font-weight:750;line-height:1.6}.moments-share-card{border:1px solid color-mix(in srgb, var(--teal) 26%, var(--line));background:#ffffffb8;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:18px;padding:14px;display:grid;position:relative}.moments-share-card strong{color:var(--ink);margin-bottom:4px;font-size:15px;display:block}.moments-share-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.plain-list{color:var(--muted);margin:16px 0 0;padding-left:20px;line-height:1.8}.invite-card{border:1px solid var(--line);background:var(--teal-soft);border-radius:8px;gap:8px;padding:16px;display:grid}.mono-copy{word-break:break-all;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6}@media (max-width:820px){.site-header-inner{grid-template-columns:1fr;gap:10px;width:min(100% - 24px,1120px);padding:12px 0}.brand-link{justify-content:flex-start}.site-nav{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px;display:grid}.site-nav-link{white-space:nowrap;justify-content:center;min-height:36px;padding:0 8px;font-size:13px}.site-header-cta{display:none}.site-footer-inner{grid-template-columns:1fr;width:min(100% - 24px,1120px)}.copyright{text-align:left}.page-shell,.narrow-shell{width:min(100% - 24px,1120px);padding:24px 0 40px}.hero-grid,.section-grid,.admin-grid{grid-template-columns:1fr}.admin-sidebar{position:static}.visual-board{min-height:340px}.visual-card-offset{margin-left:20px}.panel,.panel-strong,.result-hero,.public-share-card{padding:20px}.result-hero:after,.public-share-card:after,.share-card:after{display:none}.result-hero-grid{grid-template-columns:1fr}.action-row,.action-group{display:grid}.primary-button,.secondary-button{width:100%}.moments-share-card{grid-template-columns:1fr}.moments-share-actions{justify-content:stretch;display:grid}.moments-share-actions .quiet-button{width:100%}}