:root{--ink:#27231d;--muted:#746b5e;--paper:#f5efe2;--red:#8d2824;--line:rgba(73,59,43,.16)}*{box-sizing:border-box}html{background:#ded5c5}body{margin:0;color:var(--ink);background:radial-gradient(circle at 12% 3%,rgba(255,255,255,.8),transparent 28%),var(--paper);font-family:"Noto Serif SC","Songti SC",SimSun,serif}.five-app{width:min(100%,480px);min-height:100vh;margin:0 auto;padding:18px 20px 34px}.five-app>header{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line)}.five-app>header>a{display:grid;width:38px;height:38px;place-items:center;color:var(--red);border:1px solid var(--line);border-radius:50%;text-decoration:none;font-size:20px}.five-app>header span{color:var(--red);font-size:10px;letter-spacing:.14em}.five-app>header h1{margin:4px 0 0;font-size:20px}.five-intro{display:flex;gap:12px;align-items:center;margin:18px 0;padding:15px;border:1px solid rgba(141,40,36,.2);border-radius:15px 4px 15px 4px;background:rgba(255,252,245,.52)}.five-intro i{display:grid;flex:0 0 46px;height:46px;place-items:center;color:#fff8eb;border-radius:50%;background:var(--red);font-style:normal}.five-intro b{font-size:15px}.five-intro p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.6}form label{display:block;margin-bottom:16px;font-size:14px;font-weight:700}form input{display:block;width:100%;height:48px;margin-top:8px;padding:0 12px;color:var(--ink);border:1px solid var(--line);border-radius:12px 4px 12px 4px;background:rgba(255,252,245,.58);font:14px Arial,sans-serif}form label small{display:block;margin-top:5px;color:#978c80;font-size:9px;font-weight:400}form button,.result-actions a{display:flex;width:100%;min-height:50px;align-items:center;justify-content:center;color:#fff8eb;border:0;border-radius:4px 4px 13px 4px;background:var(--red);font:16px inherit;text-decoration:none}#fiveStatus{min-height:18px;color:var(--red);font-size:11px;text-align:center}.privacy-note{color:#978c80;font-size:9px;line-height:1.65;text-align:center}#fiveResult{padding-top:55px;text-align:center}.result-seal{display:grid;width:70px;height:70px;margin:0 auto 16px;place-items:center;color:#fff8eb;border-radius:50%;background:var(--red);box-shadow:0 0 0 8px rgba(141,40,36,.08);font-size:27px}#fiveResult>small{color:var(--red);font-size:9px;letter-spacing:.15em}#fiveResult h2{margin:7px 0;font-size:24px}#fiveResult>p{color:var(--muted);font-size:11px;line-height:1.7}.count-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:24px 0}.count-grid span{display:flex;min-height:66px;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:11px 3px 11px 3px}.count-grid b{color:var(--red);font-size:13px}.count-grid i{margin:3px 0;font:normal 19px Georgia,serif}.count-grid small{color:var(--muted);font-size:8px}.result-actions button{width:100%;min-height:44px;margin-top:10px;color:var(--red);border:1px solid rgba(141,40,36,.28);border-radius:11px 4px 11px 4px;background:transparent;font:14px inherit}@media(min-width:700px){body{padding:26px 0}.five-app{min-height:calc(100vh - 52px);border:1px solid rgba(73,59,43,.1);border-radius:24px;box-shadow:0 22px 70px rgba(66,52,36,.13)}}
