:root{--frame-bg: #fbfcfd;--frame-bg-2: #f1f4f6;--frame-border: #e2e7ec;--frame-text: #66727e;--frame-text-dim: #5f666e;--frame-active: #f1f4f6;--frame-text-strong: #1a232c;--canvas: #fbfcfd;--surface: #ffffff;--surface-muted: #f1f4f6;--panel: #f7f9fa;--chip: #eff5fa;--ink: #1a232c;--ink-strong: #27323d;--ink-soft: #66727e;--ink-faint: #6b7680;--navy: #1a232c;--teal: #3f8f8a;--teal-strong: #285c58;--teal-soft: #f0f6f6;--amber: #a64b08;--amber-soft: #f8ecd9;--red: #b3382e;--red-soft: #f7e4e1;--green: #55a06e;--green-soft: #f1f7f3;--blue: #3d84c6;--blue-soft: #eff5fa;--violet: #6252a2;--violet-soft: #ece9f7;--border: #e2e7ec;--border-strong: #c1d8ed;--focus-ring: #3d84c6;--shadow-sm: 0 1px 2px rgba(20, 28, 36, .05), 0 8px 22px rgba(20, 28, 36, .04);--shadow-md: 0 10px 28px rgba(20, 28, 36, .08);--shadow-lg: 0 18px 56px rgba(20, 28, 36, .12);--shadow: var(--shadow-md);--radius: 14px;--radius-sm: 10px;--radius-lg: 18px;--font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif}html[data-theme=dark]{color-scheme:dark;--frame-bg: #171c22;--frame-bg-2: #20262d;--frame-border: #313941;--frame-text: #aab4bd;--frame-text-dim: #9ba6af;--frame-active: #242b32;--frame-text-strong: #e9eef1;--canvas: #151a20;--surface: #1d232a;--surface-muted: #252c34;--panel: #191f25;--chip: #26323b;--ink: #e9eef1;--ink-strong: #f3f6f7;--ink-soft: #b0bac3;--ink-faint: #89959f;--navy: #e9eef1;--teal: #66aaa5;--teal-strong: #8fc8c4;--teal-soft: #203330;--amber: #e3a25c;--amber-soft: #382b20;--red: #e68077;--red-soft: #3b2627;--green: #78bd8d;--green-soft: #213229;--blue: #7eb2df;--blue-soft: #222f3b;--violet: #a99bdf;--violet-soft: #2d2940;--border: #303840;--border-strong: #4a5864;--focus-ring: #7eb2df;--shadow-sm: 0 1px 2px rgba(3, 6, 9, .28), 0 8px 22px rgba(3, 6, 9, .16);--shadow-md: 0 10px 28px rgba(3, 6, 9, .32);--shadow-lg: 0 18px 56px rgba(3, 6, 9, .4)}*{box-sizing:border-box}html,body{margin:0;padding:0}body.massos-overlay-open{overflow:hidden}body{font-family:var(--font-stack);background:var(--canvas);color:var(--ink);font-size:16px;line-height:1.58;-webkit-font-smoothing:antialiased;overflow-x:hidden}#app{min-height:100dvh}h1,h2,h3,h4{color:var(--ink);line-height:1.3;margin:0 0 .5em;font-weight:650;overflow-wrap:break-word}h1{font-size:clamp(1.55rem,2.2vw,2.15rem);letter-spacing:-.045em}h2{font-size:1.12rem;letter-spacing:-.025em}h3{font-size:.98rem}p{margin:0 0 .75em;overflow-wrap:break-word}a{color:var(--teal)}button{font-family:inherit;font-size:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);min-height:2.35rem;padding:.5em .9em;border-radius:10px;font-weight:650;line-height:1.4;max-width:100%;text-decoration:none;transition:background .15s ease,border-color .15s ease}.btn:hover{background:var(--surface-muted)}.btn-primary{background:var(--ink);border-color:var(--ink);color:var(--surface)}.btn-primary:hover{background:#2b3642}.btn-ghost{border-color:transparent;background:transparent;color:var(--teal)}.btn-ghost:hover{background:var(--teal-soft)}.btn-danger{border-color:var(--red);color:var(--red);background:var(--surface)}.btn-danger:hover{background:var(--red-soft)}.btn[disabled],button[disabled]{opacity:.55;cursor:not-allowed}.btn[disabled]:hover,button[disabled]:hover{background:var(--surface)}.btn-primary[disabled]:hover{background:var(--ink)}.input,textarea.input,select.input{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);padding:.6em .8em;font-family:inherit;font-size:inherit;line-height:1.5}.input:focus{border-color:var(--teal);outline:2px solid var(--teal-soft)}.input[disabled]{background:var(--surface-muted);color:var(--ink-faint)}.field-label{display:block;font-weight:600;margin-bottom:.35em;color:var(--ink-soft)}.field-error{color:var(--red);font-size:.9rem;margin-top:.3em}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);padding:1rem 1.25rem;min-width:0}.tag{display:inline-flex;align-items:center;gap:.35em;padding:.1em .6em;border-radius:999px;font-size:.78rem;font-weight:600;border:1px solid var(--border-strong);color:var(--ink-soft);background:var(--surface-muted);white-space:nowrap}.tag-teal{background:var(--teal-soft);border-color:var(--teal);color:var(--teal)}.tag-amber{background:var(--amber-soft);border-color:var(--amber);color:var(--amber)}.tag-red{background:var(--red-soft);border-color:var(--red);color:var(--red)}.soon-tag{display:inline-block;margin-left:.5em;padding:0 .5em;border-radius:999px;border:1px solid var(--frame-border);background:var(--frame-bg-2);color:var(--frame-text-dim);font-size:.72rem;font-weight:600;line-height:1.6;white-space:nowrap}.demo-banner{display:flex;align-items:center;gap:.5em;background:var(--amber-soft);border:1px solid var(--amber);color:var(--amber);border-radius:var(--radius-sm);padding:.45em .9em;font-size:.85rem;font-weight:600;line-height:1.45}.state-panel{text-align:center;padding:3rem 1.5rem;color:var(--ink-soft)}.state-panel h2{margin-bottom:.4em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:899px){.card{padding:.9rem 1rem}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:1rem;top:-3rem;background:var(--navy);color:#fff;padding:.5em 1em;border-radius:var(--radius-sm);z-index:100;transition:top .15s ease}.skip-link:focus{top:1rem}