:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#0f172a;background:#eef2ff;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top,#c7d2fe,#eef2ff 32%,#f8fafc)}button,input{font:inherit}button{border:0;cursor:pointer}.app-shell{min-height:100vh;display:flex;justify-content:center;padding:20px 12px}.phone-frame{width:100%;max-width:420px;height:100vh;background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 28px 70px #0f172a2e;display:flex;flex-direction:column;overflow:hidden}.topbar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:22px 20px 16px;background:linear-gradient(135deg,#111827,#312e81 72%,#4f46e5);color:#fff;z-index:10}.topbar h1{margin:4px 0 0;font-size:1.2rem}.brand-caption{margin:0;font-size:.72rem;opacity:.75;letter-spacing:.14em}.page-content{flex:1;overflow-y:auto;padding:14px 16px 80px;-webkit-overflow-scrolling:touch}.stack-page,.auth-page,.result-page{display:flex;flex-direction:column;gap:12px}.hero-card,.detail-banner,.auth-card,.success-card,.profile-card{padding:20px;border-radius:24px;color:#fff;background:linear-gradient(160deg,#0f172a,#1d4ed8 55%,#38bdf8);box-shadow:0 18px 40px #2563eb38}.hero-card h2,.detail-banner h2,.auth-card h2,.success-card h2{margin:12px 0;font-size:1.5rem}.hero-card p,.detail-banner p,.auth-card p,.success-card p,.profile-card p{margin:0;opacity:.92}.section-block,.detail-card{background:#fff;border-radius:22px;padding:18px;box-shadow:0 14px 34px #0f172a14}.section-head,.service-header,.order-row,.sticky-action,.pay-option{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-head h3,.detail-card h3,.profile-card h3{margin:0}.card-list,.case-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}.service-card,.case-card{width:100%;text-align:left;padding:16px;border-radius:18px;background:linear-gradient(180deg,#f8fafc,#eef2ff)}.service-card h4,.case-card h4{margin:10px 0 6px;color:#111827}.service-card p,.case-card p{margin:0;color:#475569;font-size:.95rem}.detail-card ul{padding-left:18px;margin:12px 0 0;color:#334155}.detail-card li+li{margin-top:8px}.chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#ffffff2e;font-size:.78rem}.chip.light{background:#dbeafe;color:#1d4ed8}.primary-btn,.secondary-btn,.ghost-btn,.text-btn,.nav-item{transition:all .2s ease}.primary-btn,.secondary-btn{border-radius:16px;padding:14px 16px}.primary-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5)}.primary-btn:disabled{opacity:.7}.secondary-btn{color:#1e3a8a;background:#e0e7ff}.ghost-btn{padding:10px 14px;border-radius:12px;color:#fff;background:#ffffff24}.text-btn{background:transparent;color:#2563eb}.link-arrow{display:inline-block;margin-top:10px;color:#2563eb;font-weight:600}.sticky-action{position:sticky;bottom:10px;background:#fffffff0;border-radius:20px;padding:14px;box-shadow:0 16px 32px #0f172a1f}.auth-form{display:flex;flex-direction:column;gap:14px;margin-top:18px}.auth-form label{display:flex;flex-direction:column;gap:8px;font-size:.95rem}.auth-form input{width:100%;border:none;border-radius:14px;padding:14px;background:#ffffffeb;color:#0f172a}.error-text{color:#fee2e2;font-size:.88rem}.wide{width:100%}.pay-option{padding:14px 16px;border-radius:18px;background:#f8fafc;margin-top:12px}.pay-option.active{border:1px solid #93c5fd;background:#eff6ff}.order-row{padding:10px 0;border-bottom:1px solid #e2e8f0;color:#334155}.order-row:last-child{border-bottom:0}.success-card,.auth-card{margin-top:16px}.success-badge{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#ffffff2e;font-size:1.8rem;margin-bottom:12px}.waiting-card{text-align:center}.waiting-badge{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff2e;margin:0 auto 12px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.8}}.bottom-nav{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 16px 20px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-item{padding:12px 10px;border-radius:14px;background:#eef2ff;color:#475569}.nav-item.active{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff}.compact-gap{padding-top:16px}@media(max-width:420px){.app-shell{padding:0}.phone-frame{min-height:100vh;border-radius:0}}