:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif;line-height:1.5;font-weight:400;color:#111827;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:clamp(14px,3.5vw,16px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;width:100%;max-width:100vw;position:relative}body{margin:0;width:100%;max-width:100vw;min-height:100vh;min-height:-webkit-fill-available;background-image:url(/h5/bg.jpg);background-position:center top;background-size:100% auto;background-repeat:no-repeat;background-color:#fad4af;overscroll-behavior:none;overflow-x:hidden;position:relative}input,button{font:inherit;font-size:16px;max-width:100%}button{border:none;background:linear-gradient(135deg,var(--theme-color, #e62e2e),color-mix(in srgb,var(--theme-color, #e62e2e),#000 15%));color:#fff;border-radius:24px;padding:10px 16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;white-space:nowrap;-webkit-tap-highlight-color:transparent}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--theme-color, #e62e2e),transparent 70%)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:#fff;color:#666;border:1px solid #e5e7eb}button.secondary:hover:not(:disabled){background:#f9f9f9;box-shadow:0 2px 8px #0000001a}input{border:none;background:#f5f5f5;border-radius:8px;padding:12px 16px;width:100%;-webkit-appearance:none;appearance:none}input:focus{outline:none;background:#ebebeb}input::placeholder{color:#999}label{font-size:13px;color:#666;font-weight:500}@media(max-width:374px){button{padding:8px 12px;font-size:13px}}@media(min-width:768px){button{padding:12px 24px}button:hover:not(:disabled){transform:translateY(-2px)}}@supports (padding: env(safe-area-inset-top)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}:root{--theme-color: #e4002b}.page{width:100%;max-width:100vw;min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column;align-items:center;padding:0;padding-top:env(safe-area-inset-top,0px);overflow-x:hidden;position:relative}.page-title{text-align:center;font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:12px;padding:0 16px;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.card-wrapper{width:100%;max-width:520px;padding:0 16px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));margin-top:58%;box-sizing:border-box}.card{background:#fff;border-radius:16px;padding:clamp(16px,4vw,24px);box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;overflow:hidden}.row{display:flex;flex-direction:column;gap:6px;width:100%;max-width:100%}.grid{display:grid;grid-template-columns:1fr;gap:12px;width:100%;max-width:100%}.btn-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;width:100%;max-width:100%}.btn-group button{flex:1 1 auto;min-width:80px;max-width:100%}.field-error{font-size:12px;color:#e62e2e;margin-top:2px;word-wrap:break-word}.error-box{font-size:13px;color:#dc2626;padding:8px 0;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;text-align:center}.success-box{font-size:13px;color:#065f46;background:#d1fae5;padding:12px 14px;border-radius:8px;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.result-info{background:#f8f8f8;border-radius:8px;padding:12px 16px;width:100%;max-width:100%;overflow:hidden}.result-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;gap:8px}.result-row:not(:last-child){border-bottom:1px solid #eee}.result-label{color:#666;font-size:13px;flex-shrink:0}.result-value{color:#333;font-weight:500;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;word-break:break-all;text-align:right}.code-display{background:#f8f8f8;padding:12px 16px;border-radius:8px;font-size:14px;display:flex;flex-wrap:wrap;align-items:center;gap:4px;width:100%;max-width:100%;overflow:hidden}.code-label{color:#666;flex-shrink:0}.code-value{font-weight:600;color:#333;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;word-break:break-all}.code-stats{color:#e62e2e;font-size:13px;flex-shrink:0}.rules-section{background:#fff;border-radius:12px;padding:16px;margin-top:12px;font-size:12px;line-height:1.8;color:#666;width:100%;max-width:100%;overflow:hidden;word-wrap:break-word}.rules-title{font-weight:600;color:#333;margin-bottom:8px;margin-top:12px}.rules-title:first-child{margin-top:0}.rules-content{padding-left:4px}.rules-content p{margin:0 0 8px;text-align:justify;word-wrap:break-word;overflow-wrap:break-word}.rules-content p:last-child{margin-bottom:0}@media(max-width:374px){.card-wrapper{padding:0 12px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));margin-top:52%}.card{border-radius:12px}.grid{gap:10px}.btn-group{gap:6px}.btn-group button{min-width:70px}.page-title{font-size:18px}}@media(max-width:320px){.card-wrapper{padding:0 10px;margin-top:48%}.card{padding:14px}.btn-group{flex-direction:column}.btn-group button{width:100%;min-width:unset}.rules-section{font-size:11px;padding:12px}}@media(min-width:768px){.card-wrapper{margin-top:320px}.card{max-width:420px;margin:0 auto}.btn-group button{flex:0 1 auto;min-width:100px}}