:root{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#15304b;background:radial-gradient(circle at top,rgba(255,255,255,.78),transparent 30%),linear-gradient(180deg,#ffe8d7,#fff6ef 35%,#fff7f5);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button:disabled{cursor:not-allowed;opacity:.7}#app{min-height:100vh}.page-shell{position:relative;min-height:100vh;display:grid;place-items:start center;padding:32px 24px 60px}.page-layout{width:1024px}.card{width:1024px;margin:0 auto;padding:22px;border-radius:34px;background:#fffcf9eb;box-shadow:0 24px 56px #7c1e131f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero{margin-bottom:18px}.brand-row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:center;padding:8px 6px 12px}.brand-logo-wrap{display:grid;place-items:center;width:88px;height:88px;overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 10px 24px #7c1e131a,inset 0 0 0 1px #b2000014}.brand-logo{width:100%;height:100%;object-fit:cover}.brand-copy{min-width:0}.hero h1{margin:0;color:#b20000;font-size:34px;line-height:1.12;letter-spacing:1px}.hero-desc{margin:8px 0 0;color:#7d4d46;font-size:15px}.content-grid{display:grid;grid-template-columns:396px minmax(0,1fr);gap:18px;align-items:start}.query-panel,.result-panel,.intro-panel{padding:22px;border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px #b2000014}.query-panel{display:grid;gap:16px;min-height:100%}.section-copy{display:grid;gap:6px;margin-bottom:2px}.section-eyebrow,.intro-eyebrow{margin:0;color:#c14d31;font-size:13px;font-weight:700;letter-spacing:.18em}.section-title,.panel-title,.intro-title{margin:0;color:#c14d31;line-height:1.2}.section-title{font-size:28px}.field{display:grid;gap:8px}.field span{font-size:14px;color:#7d4d46}.field input{width:100%;height:54px;padding:0 16px;border:1px solid #f0cbc0;border-radius:16px;background:#fffaf7;color:#5f221a;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.field input:focus{border-color:#d54a3f;box-shadow:0 0 0 4px #b200001a}.actions{display:grid;grid-template-columns:minmax(0,1.8fr) 120px;gap:12px;margin-top:6px}.btn{height:52px;border:none;border-radius:16px;cursor:pointer;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,#930000,#c41c0c);color:#fff;box-shadow:0 10px 22px #b200003d}.btn-secondary{background:#fff1eb;color:#8e2d22}.result-panel{min-height:420px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.panel-title{font-size:28px;font-weight:700}.result-item{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:16px 0;border-bottom:1px solid #f6dfd6}.result-item:last-child{border-bottom:none}.result-item span{color:#8d5d56;font-size:15px}.result-item strong{color:#661919;text-align:right;word-break:break-all;font-size:17px}.intro-panel{width:1024px;margin:28px auto 0;padding:22px}.intro-head{margin-bottom:18px}.intro-title{font-size:28px}.intro-gallery{display:grid;gap:10px}.intro-image{display:block;width:1024px;max-width:100%;height:auto;border-radius:18px}.floating-qr{position:fixed;right:24px;top:50%;z-index:20;width:176px;padding:12px 12px 14px;border-radius:20px;background:#fffffffa;box-shadow:0 18px 42px #6d190f2e;transform:translateY(-50%);text-align:center}.floating-qr-image{display:block;width:152px;height:152px;margin:0 auto;border-radius:14px}.floating-qr-title{margin-top:10px;color:#5f1d17;font-size:16px;font-weight:700}.floating-qr-subtitle{margin-top:4px;color:#4785dc;font-size:15px;font-weight:700}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,rgba(255,244,238,.3),transparent 35%),#41100c80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dialog{position:relative;width:min(100%,380px);padding:28px 24px 24px;border-radius:20px;background:linear-gradient(180deg,#fff8f4f5,#fffffffa);box-shadow:0 26px 60px #54160e47,inset 0 1px #ffffffe6;text-align:center}.dialog:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(205,71,49,.14);border-radius:22px;pointer-events:none}.dialog-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:none;border-radius:999px;background:#fff1ebf2;color:#9e3c31;font-size:22px;line-height:1;cursor:pointer;box-shadow:inset 0 0 0 1px #c1563f1a}.dialog-badge{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 16px;border-radius:22px;background:linear-gradient(135deg,#ffb36d,#d93c2f);color:#fff;font-size:32px;font-weight:700;box-shadow:0 14px 28px #d93c2f47}.dialog-eyebrow{margin:10px 0 0;color:#b65a48;font-size:14px;font-weight:600;line-height:1.6}.dialog-title{margin:0;color:#681d17;font-size:30px;line-height:1.35;font-weight:800}.dialog-action{min-width:148px;height:48px;margin-top:22px;padding:0 22px;border:none;border-radius:999px;background:linear-gradient(135deg,#9c1000,#da4f2f);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 14px 30px #c12b1642}.error-dialog-enter-active,.error-dialog-leave-active{transition:opacity .24s ease}.error-dialog-enter-active .dialog,.error-dialog-leave-active .dialog{transition:transform .24s ease,opacity .24s ease}.error-dialog-enter-from,.error-dialog-leave-to{opacity:0}.error-dialog-enter-from .dialog,.error-dialog-leave-to .dialog{opacity:0;transform:translateY(14px) scale(.96)}