:root{--yq-primary:#1a5fb4;--yq-on-primary:#fff;--yq-primary-container:#d6e3ff;--yq-on-primary-container:#001b3f;--yq-secondary:#565e71;--yq-secondary-container:#dae2f9;--yq-on-secondary-container:#131c2b;--yq-error:#b3261e;--yq-on-error:#fff;--yq-error-container:#f9dedc;--yq-surface:#fdfbff;--yq-surface-dim:#d9d9e0;--yq-surface-container-lowest:#fff;--yq-surface-container-low:#f3f3f7;--yq-surface-container:#ededf1;--yq-surface-container-high:#e7e8ec;--yq-on-surface:#1a1c1e;--yq-on-surface-variant:#43474e;--yq-outline:#74777f;--yq-outline-variant:#c4c6d0;--yq-font:"Roboto", "Noto Sans SC", "Microsoft YaHei UI", system-ui, sans-serif;--yq-shape-xs:4px;--yq-shape-sm:8px;--yq-shape-md:12px;--yq-shape-lg:16px;--yq-shape-xl:28px;--yq-shape-full:999px;--yq-elev-1:0 1px 2px #0000001f;--yq-elev-2:0 2px 6px #00000024;--yq-elev-3:0 6px 16px #00000029;--yq-touch:48px;--yq-space-1:4px;--yq-space-2:8px;--yq-space-3:12px;--yq-space-4:16px;--yq-space-5:24px;--yq-space-6:32px;--yq-state-hover:#1a5fb414;--yq-state-pressed:#1a5fb41f}*,:before,:after{box-sizing:border-box}html,body{background:var(--yq-surface-container-low);color:var(--yq-on-surface);font-family:var(--yq-font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-size:16px;line-height:1.5}#app{min-height:100dvh}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.pub-page{background:var(--yq-surface);min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}.pub-bar{z-index:20;align-items:center;gap:var(--yq-space-3);height:56px;padding:0 var(--yq-space-4);background:color-mix(in srgb, var(--yq-surface) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;position:sticky;top:0}.pub-bar .logo-mark{border-radius:var(--yq-shape-sm);background:var(--yq-primary);width:34px;height:34px;color:var(--yq-on-primary);justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.pub-bar .brand-name{color:var(--yq-on-surface);font-size:17px;font-weight:700}.pub-container{max-width:760px;padding:0 var(--yq-space-4) var(--yq-space-6);margin:0 auto}.pub-card{background:var(--yq-surface-container-lowest);border-radius:var(--yq-shape-lg);box-shadow:var(--yq-elev-1);padding:var(--yq-space-5);margin-top:var(--yq-space-4)}.pub-hero{text-align:center;padding:var(--yq-space-6) 0 var(--yq-space-2)}.pub-hero .headline{color:var(--yq-on-surface);margin:0 0 var(--yq-space-3);font-size:28px;font-weight:800;line-height:1.35}.pub-hero .sub{color:var(--yq-on-surface-variant);margin:0;font-size:15px}.pub-grid{gap:var(--yq-space-3);grid-template-columns:1fr;display:grid}@media (width>=600px){.pub-grid{grid-template-columns:1fr 1fr}}.svc-card{background:var(--yq-surface-container-lowest);border-radius:var(--yq-shape-lg);box-shadow:var(--yq-elev-1);padding:var(--yq-space-5);text-decoration:none;transition:box-shadow .2s;display:block}.svc-card:active{box-shadow:var(--yq-elev-2)}.svc-card .svc-tag{color:var(--yq-primary);background:var(--yq-primary-container);border-radius:var(--yq-shape-full);margin-bottom:var(--yq-space-2);padding:3px 10px;font-size:12px;display:inline-block}.svc-card h3{margin:0 0 var(--yq-space-2);color:var(--yq-on-surface);font-size:17px}.svc-card p{color:var(--yq-on-surface-variant);margin:0;font-size:13.5px;line-height:1.6}.pub-btn{min-height:var(--yq-touch);border-radius:var(--yq-shape-full);background:var(--yq-primary);color:var(--yq-on-primary);padding:0 var(--yq-space-5);border:none;justify-content:center;align-items:center;font-size:16px;font-weight:600;text-decoration:none;display:flex}.pub-btn:active{filter:brightness(.92)}.pub-btn.outline{border:1px solid var(--yq-outline);color:var(--yq-primary);background:0 0}.pub-btn:disabled{background:var(--yq-surface-container-high);color:var(--yq-outline);cursor:not-allowed}.pub-footer{text-align:center;color:var(--yq-outline);padding:var(--yq-space-6) 0 calc(var(--yq-space-5) + env(safe-area-inset-bottom));font-size:12px}.pub-footer a{color:var(--yq-outline);text-decoration:none}.quiz-progress{background:var(--yq-surface-container-high);height:6px;margin:var(--yq-space-3) 0 var(--yq-space-4);border-radius:3px;overflow:hidden}.quiz-progress i{background:var(--yq-primary);border-radius:3px;height:100%;transition:width .25s;display:block}.quiz-title{margin:0 0 var(--yq-space-1);font-size:20px;font-weight:700}.quiz-note{color:var(--yq-on-surface-variant);margin:0 0 var(--yq-space-4);font-size:13px;line-height:1.6}.opt-btn{text-align:left;width:100%;min-height:var(--yq-touch);margin-bottom:var(--yq-space-2);padding:var(--yq-space-3) var(--yq-space-4);border:1.5px solid var(--yq-outline-variant);border-radius:var(--yq-shape-md);background:var(--yq-surface-container-lowest);color:var(--yq-on-surface);font-size:15px;line-height:1.5;display:block}.opt-btn.on{border-color:var(--yq-primary);background:var(--yq-primary-container);color:var(--yq-on-primary-container);font-weight:600}.field-label{color:var(--yq-on-surface-variant);margin:var(--yq-space-4) 0 var(--yq-space-1);font-size:13px;display:block}.field-input{width:100%;min-height:var(--yq-touch);border:1px solid var(--yq-outline);border-radius:var(--yq-shape-xs);padding:var(--yq-space-2) var(--yq-space-4);background:var(--yq-surface-container-lowest);color:var(--yq-on-surface);outline:none;font-size:16px}.chip-row{gap:var(--yq-space-2);flex-wrap:wrap;display:flex}.chip{min-height:40px;padding:0 var(--yq-space-4);border-radius:var(--yq-shape-full);border:1.5px solid var(--yq-outline-variant);background:var(--yq-surface-container-lowest);color:var(--yq-on-surface);align-items:center;font-size:14px;display:inline-flex}.chip.on{border-color:var(--yq-primary);background:var(--yq-primary-container);color:var(--yq-on-primary-container);font-weight:600}.tier-chip{border-radius:var(--yq-shape-lg);width:56px;height:56px;color:var(--yq-on-primary);background:var(--yq-primary);justify-content:center;align-items:center;font-size:30px;font-weight:800;display:inline-flex}.err-box{background:var(--yq-error-container);color:var(--yq-error);border-radius:var(--yq-shape-xs);padding:var(--yq-space-3);margin:var(--yq-space-3) 0;font-size:13.5px}.sticky-cta{z-index:30;padding:var(--yq-space-2) var(--yq-space-4) calc(var(--yq-space-2) + env(safe-area-inset-bottom));background:linear-gradient(180deg, transparent, var(--yq-surface) 30%);position:fixed;bottom:0;left:0;right:0}