:root{--theme: #0058a3;--bg: #f5f6f8;--surface: #ffffff;--text: #1f2937;--text-muted: #6b7280;--border: #e5e7eb;--danger: #b91c1c;--success: #047857;--radius: 10px;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .06);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,sans-serif;font-size:16px;color:var(--text)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.watermark{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background-repeat:repeat;-webkit-user-select:none;user-select:none}.contact{background:var(--surface);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);border:1px solid var(--border)}.contact--full{width:100%;max-width:620px;margin-top:10px;border-top:3px solid var(--theme, #1aad19)}.contact--compact{margin-top:16px}.contact__head{margin-bottom:10px}.contact__title{margin:0;font-size:15px;display:flex;align-items:center;gap:6px}.contact__title:before{content:"";display:inline-block;width:18px;height:18px;background:#1aad19;border-radius:5px;background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'white'%3E%3Cpath%20d%3D'M9.5%2010a1%201%200%201%201%200%202%201%201%200%200%201%200-2zm5%200a1%201%200%201%201%200%202%201%201%200%200%201%200-2z'/%3E%3Cpath%20d%3D'M8.7%204C5.5%204%203%206.3%203%209.2c0%201.6.8%203%202.1%204l-.6%201.8%202-1.1c.7.2%201.4.3%202.2.3.2%200%20.4%200%20.5-.1-.1-.4-.2-.8-.2-1.2%200-2.7%202.5-4.9%205.7-4.9.2%200%20.4%200%20.6.1-.4-2.3-2.7-4.1-5.6-4.1zM21%2014.5c0-2.4-2.4-4.4-5.3-4.4S10.4%2012.1%2010.4%2014.5s2.4%204.4%205.3%204.4c.6%200%201.2-.1%201.7-.2l1.7%201-.5-1.5c1.4-.9%202.4-2.2%202.4-3.7zm-7-1.2a.8.8%200%201%201%200-1.6.8.8%200%200%201%200%201.6zm3.5%200a.8.8%200%201%201%200-1.6.8.8%200%200%201%200%201.6z'/%3E%3C/svg%3E");background-size:18px 18px;flex-shrink:0}.contact__subtitle{margin:0;font-size:12px;color:var(--text-muted)}.contact__body{display:flex;gap:12px;align-items:center}.contact__qr{width:96px;height:96px;border-radius:6px;border:1px solid var(--border);background:#fafafa;flex-shrink:0;object-fit:contain}.contact__info{flex:1;min-width:0}.contact__row{display:flex;align-items:baseline;gap:8px;font-size:12px;margin-bottom:5px}.contact__label{color:var(--text-muted);width:48px;flex-shrink:0}.contact__value{font-weight:500;word-break:break-all}.contact__value--mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;color:var(--text)}.contact__copy{margin-top:5px;width:100%;background:#1aad19;color:#fff;padding:7px 12px;font-size:13px}.contact__copy.btn--ghost{background:transparent;color:var(--success);border:1px solid var(--success)}@media (max-width: 480px){.contact__body{gap:10px}.contact__qr{width:88px;height:88px}}.entry{min-height:100vh;padding:48px 20px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#ffffff 0%,var(--bg) 100%)}.entry__header{width:100%;max-width:720px;text-align:center;margin-bottom:10px}.entry__notice{width:100%;max-width:620px;margin:0 auto;padding:10px 12px;color:#7f1d1d;background:#fff7ed;border:1px solid #fb923c;border-left-width:4px;border-radius:8px;box-shadow:var(--shadow);font-size:14px;font-weight:400;line-height:1.6;text-align:left}.entry__notice-title{display:block;margin-bottom:6px;color:#c2410c;font-size:16px;font-weight:400}.entry__notice-lines{display:grid;gap:6px}.entry__notice-lines p{margin:0;padding:7px 9px;color:var(--text);background:var(--surface);border-radius:8px}.entry__notice-lines p:nth-child(1){color:#115e59;background:#f0fdfa}.entry__notice-lines p:nth-child(2){color:#1e3a8a;background:#eff6ff}.entry__notice-lines p:nth-child(3){color:#92400e;background:#fffbeb}.entry__notice-lines p:nth-child(4){color:#9f1239;background:#fff1f2}.entry__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;max-width:720px}.entry__card{background:var(--surface);border-radius:var(--radius);padding:28px 24px;box-shadow:var(--shadow);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .15s ease,border-color .15s ease;border-top:4px solid var(--card-color)}.entry__card:hover{transform:translateY(-2px);border-color:var(--card-color)}.entry__card-badge{width:56px;height:56px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;margin-bottom:16px}.entry__card-name{font-size:20px;font-weight:600;margin-bottom:6px}.entry__card-full{font-size:13px;color:var(--text-muted);line-height:1.5}.entry__card-tag{margin-top:14px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:500;background:color-mix(in srgb,var(--card-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--card-color) 30%,transparent)}.entry__footer{margin-top:32px;font-size:13px;color:var(--text-muted)}.page{min-height:100vh;background:var(--bg)}.container{max-width:720px;margin:0 auto;padding:20px}.company-header{color:#fff;padding:14px 20px;display:flex;align-items:center;gap:12px}.company-header__back{width:32px;height:32px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:18px}.company-header__title{flex:1;min-width:0}.company-header__short{font-size:17px;font-weight:600}.company-header__full{font-size:12px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-header__right{font-size:13px;display:flex;gap:6px;align-items:center;flex-shrink:0}.link-light{color:#fff;padding:5px 10px;border-radius:999px;background:#ffffff2e;white-space:nowrap}.link-light:hover{background:#ffffff47}.quote-form{background:var(--surface);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field--inline{flex-direction:row;align-items:center}.field label{font-size:14px;font-weight:500}.field input[type=number]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:16px;background:#fff;color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field input[type=number]:focus{border-color:var(--theme);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme) 18%,transparent)}.hint{font-size:12px;color:var(--text-muted)}.hint--accent{color:var(--theme);font-weight:500;font-size:13px;font-variant-numeric:tabular-nums}.amount-input{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:8px;background:#fff;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.amount-input:focus-within{border-color:var(--theme);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme) 18%,transparent)}.amount-input__prefix{display:flex;align-items:center;padding:0 14px;font-size:20px;font-weight:600;color:var(--theme);background:color-mix(in srgb,var(--theme) 8%,transparent);border-right:1px solid var(--border);font-variant-numeric:tabular-nums}.amount-input input{flex:1;min-width:0;width:100%;border:none;outline:none;padding:12px 14px;font-size:22px;font-weight:600;color:var(--text);background:transparent;font-variant-numeric:tabular-nums;letter-spacing:.5px;font-family:inherit}.amount-input input::placeholder{color:#c0c4cc;font-weight:400;font-size:16px;letter-spacing:0}.amount-input__suffix{display:flex;align-items:center;padding:0 14px;font-size:14px;color:var(--text-muted);background:#fafafa;border-left:1px solid var(--border)}.segment{display:inline-flex;border:1px solid var(--border);border-radius:8px;padding:3px;background:#fafafa;width:fit-content}.segment__btn{background:transparent;border:none;padding:7px 18px;font-size:14px;border-radius:6px;color:var(--text-muted);font-weight:500;transition:background .15s ease,color .15s ease}.segment__btn.is-active{background:var(--theme);color:#fff;box-shadow:0 1px 3px #0000001a}.checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:15px}.checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--theme)}.actions{display:flex;gap:12px;margin-top:4px}.btn{padding:10px 20px;border-radius:8px;border:none;font-size:15px;font-weight:500;transition:opacity .15s ease,transform .05s ease}.btn:active{transform:scale(.98)}.btn--primary{background:var(--theme);color:#fff}.btn--secondary{background:var(--theme);color:#fff;margin-top:16px;width:100%;padding:12px}.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn--text{background:transparent;color:var(--danger);padding:4px 8px}.result-anchor{scroll-margin-top:12px;animation:result-fade-in .32s ease-out both}@keyframes result-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.result-anchor{animation:none}}.quote-result{background:var(--surface);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin-top:20px}.quote-result__title{margin:0 0 16px;font-size:18px}.quote-result__group{border:1px solid var(--border);border-radius:8px;padding:14px;margin-bottom:14px}.quote-result__group.is-disabled{opacity:.55;background:#fafafa}.quote-result__group-title{font-size:14px;font-weight:600;color:var(--text-muted);margin-bottom:10px}.quote-result__list{list-style:none;margin:0;padding:0}.quote-result__list li{display:flex;justify-content:space-between;padding:6px 0;font-size:15px}.quote-result__tag{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:4px;font-size:11px;font-weight:500;background:color-mix(in srgb,var(--theme) 12%,transparent);color:var(--theme);vertical-align:middle}.quote-result__subtotal{border-top:1px dashed var(--border);margin-top:6px;padding-top:10px!important;font-weight:600}.quote-result__empty{margin:0;font-size:14px;color:var(--text-muted)}.quote-result__total{display:flex;justify-content:space-between;align-items:baseline;padding:16px;background:color-mix(in srgb,var(--theme) 8%,transparent);border-radius:8px;margin-top:8px}.quote-result__total span{font-size:15px;color:var(--text-muted)}.quote-result__total strong{font-size:28px;color:var(--theme);font-weight:700}.procedure{margin-bottom:20px;border-radius:var(--radius);padding:18px 20px;border-left:4px solid var(--theme);background:color-mix(in srgb,var(--theme) 6%,var(--surface));box-shadow:var(--shadow)}.procedure__head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.procedure__badge{font-size:12px;padding:3px 10px;border-radius:999px;background:var(--theme);color:#fff;font-weight:500}.procedure__title{margin:0;font-size:16px}.procedure__steps{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:10px}.procedure__steps li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.5}.procedure__step-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--theme);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-top:1px}.procedure__notes{list-style:none;margin:0;padding:12px 14px;border-radius:8px;background:#00000008;font-size:13px;color:var(--text-muted);line-height:1.7}.procedure__notes li:before{content:"·";margin-right:6px;font-weight:700;color:var(--theme)}.history__toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.history__toolbar h2{margin:0;font-size:18px}.history__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.history__item{background:var(--surface);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.history__row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.history__row--meta{color:var(--text-muted);margin:6px 0 8px;flex-wrap:wrap;gap:8px}.history__row--total{border-top:1px dashed var(--border);padding-top:8px}.history__row--total strong{color:var(--theme);font-size:18px}.history__time{font-weight:500}.history__empty{text-align:center;color:var(--text-muted);padding:40px 0}.faq-index{background:var(--bg)}.faq-index__header{background:#1f2937;color:#fff;padding:16px 20px;display:flex;align-items:center;gap:12px}.faq-index__back{width:32px;height:32px;border-radius:50%;background:#ffffff2e;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.faq-index__title{flex:1;min-width:0}.faq-index__name{font-size:17px;font-weight:600}.faq-index__sub{font-size:12px;opacity:.75;margin-top:2px}.faq__section{background:var(--surface);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin-bottom:20px}.faq__title{margin:0 0 4px;font-size:17px}.faq__hint{margin:0 0 14px;font-size:12px;color:var(--text-muted)}.faq__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.faq__item{border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color .15s ease,box-shadow .3s ease;scroll-margin-top:16px}.faq__item.is-open{border-color:var(--theme);background:color-mix(in srgb,var(--theme) 4%,transparent)}.faq__item.is-flash{animation:faq-flash 1.2s ease-out 1}@keyframes faq-flash{0%{box-shadow:0 0 color-mix(in srgb,var(--theme) 35%,transparent)}60%{box-shadow:0 0 0 6px color-mix(in srgb,var(--theme) 0%,transparent)}to{box-shadow:0 0 0 0 transparent}}@media (prefers-reduced-motion: reduce){.faq__item.is-flash{animation:none}}.faq__q{width:100%;background:transparent;border:none;padding:12px 14px;font-size:15px;text-align:left;display:flex;align-items:center;gap:12px;color:var(--text);font-weight:500}.faq__num{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:24px;padding:0 6px;border-radius:6px;background:color-mix(in srgb,var(--theme) 12%,transparent);color:var(--theme);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.5px}.faq__item.is-open .faq__num{background:var(--theme);color:#fff}.faq__q-text{flex:1}.faq__chevron{font-size:14px;color:var(--text-muted);transition:transform .2s ease}.faq__item.is-open .faq__chevron{transform:rotate(180deg);color:var(--theme)}.faq__a{padding:0 14px 14px;font-size:14px;line-height:1.7;color:var(--text)}@media (max-width: 480px){.entry{padding:28px 12px}.entry__cards{gap:12px}.entry__card{padding:20px 12px}.entry__card-badge{width:44px;height:44px;font-size:15px;margin-bottom:12px}.entry__card-name{font-size:16px}.entry__card-tag{font-size:11px;padding:4px 10px;margin-top:10px;line-height:1.4;white-space:normal;text-align:center}.container{padding:16px}.quote-result__total strong{font-size:24px}.amount-input__prefix{font-size:18px;padding:0 12px}.amount-input input{font-size:20px;padding:10px 12px}.company-header__full{display:none}.company-header__right{font-size:12px}.link-light{padding:4px 8px}}
