:root{--color-ink: #1a1a1a;--color-ink-2: #3a3530;--color-paper: #faf8f3;--color-paper-2: #f5f0e6;--color-paper-3: #efe9dc;--color-vermilion: #c0392b;--color-vermilion-2: #a02e22;--color-vermilion-3: #d4543d;--color-jade: #2c5f5d;--color-jade-2: #1f4745;--color-jade-3: #3d7a77;--color-gold: #b08d57;--color-gold-2: #8a6d2a;--color-stone: #6b6357;--color-line: #d9d2c2;--color-line-2: #c9bfa8;--font-serif: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Source Han Serif SC", "Songti SC", "SimSun", serif;--font-sans: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;--shadow-sm: 0 1px 3px rgba(26, 26, 26, .05), 0 1px 2px rgba(26, 26, 26, .03);--shadow-md: 0 4px 16px rgba(26, 26, 26, .08), 0 2px 6px rgba(26, 26, 26, .04);--shadow-lg: 0 12px 36px rgba(26, 26, 26, .14), 0 4px 12px rgba(26, 26, 26, .06);--shadow-vermilion: 0 4px 16px rgba(192, 57, 43, .18), 0 2px 6px rgba(192, 57, 43, .08);--shadow-jade: 0 4px 16px rgba(44, 95, 93, .16), 0 2px 6px rgba(44, 95, 93, .06);--shadow-focus: 0 0 0 3px rgba(192, 57, 43, .12);--shadow-focus-jade: 0 0 0 3px rgba(44, 95, 93, .15);--shadow-inner: inset 0 1px 2px rgba(26, 26, 26, .04);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--grad-vermilion: linear-gradient(135deg, #c0392b 0%, #a02e22 100%);--grad-jade: linear-gradient(135deg, #2c5f5d 0%, #1f4745 100%);--grad-ink: linear-gradient(135deg, #2a2520 0%, #1a1a1a 100%);--grad-paper: linear-gradient(180deg, #faf8f3 0%, #f5f0e6 100%);--grad-gold: linear-gradient(135deg, #d4a574 0%, #b08d57 100%);--grad-card-hover: linear-gradient(180deg, #fdfbf7 0%, #f5f0e6 100%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--type-scale-xs: 12px;--type-scale-sm: 13px;--type-scale-base: 15px;--type-scale-md: 16px;--type-scale-lg: 18px;--type-scale-xl: 22px;--type-scale-2xl: 28px;--type-scale-3xl: 36px;--leading-tight: 1.35;--leading-normal: 1.6;--leading-relaxed: 1.8;--ease-out: cubic-bezier(.25, .1, .25, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .28s;--dur-base: .5s;--dur-slow: .7s;--color-text: var(--color-ink);--color-primary: var(--color-vermilion);--color-vermilion-soft: #fdf0e6;--color-vermilion-light: #fdf0e6;--color-vermilion-dark: var(--color-vermilion-2);--color-hover: #f5f0e6}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-sans);background-color:var(--color-paper);color:var(--color-ink);line-height:1.7;font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}body{background-image:radial-gradient(ellipse at 15% 10%,rgba(176,141,87,.06) 0%,transparent 45%),radial-gradient(ellipse at 85% 20%,rgba(44,95,93,.04) 0%,transparent 40%),radial-gradient(ellipse at 50% 90%,rgba(192,57,43,.03) 0%,transparent 50%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(217,210,194,.1) 2px,rgba(217,210,194,.1) 3px);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:700;color:var(--color-ink);letter-spacing:.02em}a{color:var(--color-jade);text-decoration:none;transition:color .2s}a:hover{color:var(--color-vermilion)}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}.form-control{width:100%;padding:10px 14px;font-size:var(--type-scale-base);line-height:var(--leading-normal);color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-sm);transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),background var(--dur-base);box-shadow:var(--shadow-inner)}.form-control:hover:not(:disabled):not(:focus){border-color:var(--color-line-2);background:#fdfcf8}.form-control:focus{outline:none;border-color:var(--color-vermilion);box-shadow:var(--shadow-focus),var(--shadow-inner);background:#fffdf9}.form-control::placeholder{color:var(--color-stone);opacity:.65}.form-control:disabled{opacity:.55;cursor:not-allowed;background:var(--color-paper-2)}textarea.form-control{resize:vertical;min-height:84px;font-family:inherit}select.form-control{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b6357' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.form-label{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--type-scale-sm);font-weight:500;color:var(--color-ink-2);margin-bottom:var(--space-2);letter-spacing:.01em}.form-label:before{content:"";width:2px;height:10px;background:var(--color-gold);border-radius:1px;flex-shrink:0;align-self:center}.form-group{margin-bottom:var(--space-5)}.form-check{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--type-scale-sm);color:var(--color-ink-2)}.form-check input[type=checkbox],.form-check input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin:0;border:1.5px solid var(--color-line-2);border-radius:3px;background:var(--color-paper);transition:all var(--dur-base) var(--ease-out);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.form-check input[type=radio]{border-radius:50%}.form-check input[type=checkbox]:checked,.form-check input[type=radio]:checked{background:var(--grad-vermilion);border-color:var(--color-vermilion);box-shadow:var(--shadow-focus)}.form-check input[type=checkbox]:checked:after{content:"";width:10px;height:6px;border-left:1.6px solid #fff;border-bottom:1.6px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}.form-check input[type=radio]:checked:after{content:"";width:6px;height:6px;border-radius:50%;background:#fff}.form-check:hover input:not(:checked){border-color:var(--color-vermilion-3)}.container{max-width:1280px;margin:0 auto;padding:0 24px;box-sizing:border-box}.stamp{display:inline-block;padding:3px 12px;background:var(--grad-vermilion);color:var(--color-paper);font-family:var(--font-serif);font-size:12px;font-weight:700;letter-spacing:.15em;border-radius:2px;box-shadow:0 2px 6px #c0392b33}.card{background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);transition:box-shadow .3s,border-color .3s;position:relative}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-line-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-family:var(--font-sans);font-size:var(--type-scale-sm);font-weight:500;line-height:1.5;border-radius:var(--radius-sm);transition:box-shadow var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),opacity var(--dur-fast);border:1px solid transparent;letter-spacing:.01em}.btn-primary{background:var(--grad-ink);color:var(--color-paper);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--grad-vermilion);box-shadow:var(--shadow-vermilion)}.btn-primary:active{opacity:.9}.btn-outline{border-color:var(--color-line-2);color:var(--color-ink);background:var(--color-paper)}.btn-outline:hover{border-color:var(--color-vermilion);background:var(--color-paper-2);box-shadow:var(--shadow-sm)}.btn-jade{background:var(--grad-jade);color:var(--color-paper);box-shadow:var(--shadow-sm)}.btn-jade:hover{box-shadow:var(--shadow-jade);filter:brightness(1.06)}.btn-sm{padding:7px 14px;font-size:var(--type-scale-xs)}.btn-lg{padding:13px 26px;font-size:var(--type-scale-md)}.loading{display:inline-block;width:16px;height:16px;border:2px solid var(--color-line);border-top-color:var(--color-vermilion);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:4px;border:2px solid transparent;background-clip:padding-box;transition:background-color .25s ease,border-color .25s ease}html.scrolling-active>::-webkit-scrollbar-thumb,html.scrolling-active ::-webkit-scrollbar-thumb{background:var(--color-line-2);border-color:var(--color-paper-2)}::-webkit-scrollbar-thumb:hover{background:var(--color-gold)!important}*{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .25s ease}html.scrolling-active *{scrollbar-color:var(--color-line-2) transparent}.highlight{background:linear-gradient(180deg,transparent 55%,rgba(192,57,43,.18) 55%);padding:0 2px}.law-article{font-family:var(--font-serif);line-height:2;color:var(--color-ink)}.law-article .article-num{font-weight:700;color:var(--color-vermilion)}.divider-seal{display:flex;align-items:center;gap:12px;margin:24px 0}.divider-seal:before,.divider-seal:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--color-line-2),transparent)}.divider-seal-dot{width:6px;height:6px;border-radius:50%;background:var(--color-vermilion);box-shadow:0 0 0 3px #c0392b1a;flex-shrink:0}.page-title-bar{display:flex;align-items:center;gap:12px;margin-bottom:24px}.page-title-bar:before{content:"";width:4px;height:22px;background:var(--grad-vermilion);border-radius:2px;flex-shrink:0}.card-corner{position:relative;overflow:hidden}.card-corner:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--grad-vermilion);opacity:0;transition:opacity .3s}.card-corner:hover:before{opacity:1}.info-strip{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(44,95,93,.06);border-left:3px solid var(--color-jade);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:13px;color:var(--color-jade-2);line-height:1.6}.warn-strip{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(192,57,43,.05);border-left:3px solid var(--color-vermilion);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:13px;color:var(--color-vermilion-2);line-height:1.6}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;border-radius:12px;background:var(--color-paper-2);color:var(--color-stone);border:1px solid var(--color-line)}.chip-vermilion{background:rgba(192,57,43,.08);color:var(--color-vermilion);border-color:#c0392b33}.chip-jade{background:rgba(44,95,93,.08);color:var(--color-jade);border-color:#2c5f5d33}.chip-gold{background:rgba(176,141,87,.1);color:var(--color-gold-2);border-color:#b08d5740}.h-display{font-family:var(--font-serif);font-size:var(--type-scale-3xl);font-weight:800;line-height:var(--leading-tight);letter-spacing:.03em;color:var(--color-ink)}.h-1{font-family:var(--font-serif);font-size:var(--type-scale-2xl);font-weight:700;line-height:var(--leading-tight);color:var(--color-ink);letter-spacing:.02em}.h-2{font-family:var(--font-serif);font-size:var(--type-scale-xl);font-weight:700;line-height:1.35;color:var(--color-ink);letter-spacing:.02em}.h-3{font-family:var(--font-serif);font-size:var(--type-scale-lg);font-weight:600;line-height:1.45;color:var(--color-ink-2)}.h-4{font-size:var(--type-scale-md);font-weight:600;line-height:1.5;color:var(--color-ink-2)}.text-body{font-size:var(--type-scale-base);line-height:var(--leading-relaxed);color:var(--color-ink)}.text-muted{font-size:var(--type-scale-sm);line-height:var(--leading-normal);color:var(--color-stone)}.text-caption{font-size:var(--type-scale-xs);line-height:var(--leading-normal);color:var(--color-stone);opacity:.85}.text-serif{font-family:var(--font-serif)}.text-sans{font-family:var(--font-sans)}.section{padding:var(--space-16) 0}.section-head{margin-bottom:var(--space-10)}.section-head .eyebrow{display:inline-block;font-size:var(--type-scale-xs);letter-spacing:.2em;color:var(--color-vermilion);font-weight:600;text-transform:none;margin-bottom:var(--space-3);padding:2px 10px;background:rgba(192,57,43,.05);border-radius:2px}.section-head .title{margin:0 0 var(--space-3)}.section-head .subtitle{margin:0;color:var(--color-stone);font-size:var(--type-scale-base);line-height:var(--leading-relaxed)}@keyframes pageEnter{0%{opacity:0}to{opacity:1}}.page-transition{animation:pageEnter .7s cubic-bezier(.25,.1,.25,1) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-ring{0%{box-shadow:0 0 #c0392b59}70%{box-shadow:0 0 0 10px #c0392b00}to{box-shadow:0 0 #c0392b00}}.anim-fade-in{animation:fadeIn .75s cubic-bezier(.25,.1,.25,1) both}.anim-fade-up{animation:fadeInUp .75s cubic-bezier(.25,.1,.25,1) both}.anim-fade-down{animation:fadeInDown .65s cubic-bezier(.25,.1,.25,1) both}.anim-scale-in{animation:scaleIn .82s cubic-bezier(.25,.1,.25,1) both}.anim-delay-1{animation-delay:.18s}.anim-delay-2{animation-delay:.36s}.anim-delay-3{animation-delay:.54s}.anim-delay-4{animation-delay:.72s}.anim-delay-5{animation-delay:.9s}.anim-delay-6{animation-delay:1.08s}.animate-on-load .stagger>*{animation:fadeInUp .75s cubic-bezier(.25,.1,.25,1) both}.animate-on-load .stagger>*:nth-child(1){animation-delay:.14s}.animate-on-load .stagger>*:nth-child(2){animation-delay:.28s}.animate-on-load .stagger>*:nth-child(3){animation-delay:.42s}.animate-on-load .stagger>*:nth-child(4){animation-delay:.56s}.animate-on-load .stagger>*:nth-child(5){animation-delay:.7s}.animate-on-load .stagger>*:nth-child(6){animation-delay:.84s}.animate-on-load .stagger>*:nth-child(7){animation-delay:.98s}.animate-on-load .stagger>*:nth-child(8){animation-delay:1.12s}.card-list{display:grid;gap:var(--space-6)}.page-container{max-width:720px;margin:0 auto;padding:var(--space-10) var(--space-6) var(--space-16)}.page-header{text-align:center;margin-bottom:var(--space-10)}.page-header h1{font-family:var(--font-serif);font-size:var(--type-scale-2xl);font-weight:700;color:var(--color-ink);margin:0 0 var(--space-3);letter-spacing:.02em}.page-desc{font-size:var(--type-scale-sm);color:var(--color-stone);margin:0;line-height:var(--leading-relaxed)}.payment-card{background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:32px;box-shadow:var(--shadow-sm)}.payment-section{margin-bottom:24px}.payment-section-title{font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--color-ink);margin:0 0 12px}.payment-items{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.payment-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;background:var(--color-paper);border:2px solid var(--color-line);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .25s,box-shadow .25s,background .25s;font-family:var(--font-sans)}.payment-item:hover{border-color:var(--color-gold);box-shadow:var(--shadow-sm)}.payment-item.active{border-color:var(--color-vermilion);background:rgba(192,57,43,.05);box-shadow:var(--shadow-vermilion)}.payment-item-label{font-size:14px;font-weight:500;color:var(--color-ink)}.payment-item-amount{font-size:18px;font-weight:700;color:var(--color-vermilion)}.payment-amount-input{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-paper-2);border:1px solid var(--color-line);border-radius:var(--radius-sm)}.payment-amount-input .currency-symbol{font-size:20px;font-weight:700;color:var(--color-stone)}.payment-amount-input input{flex:1;border:none;background:transparent;font-size:20px;font-weight:600;color:var(--color-ink);outline:none}.payment-btn{width:100%;padding:14px;background:var(--color-vermilion);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s;margin-top:8px}.payment-btn:hover:not(:disabled){background:var(--color-vermilion-2)}.payment-btn:disabled{opacity:.5;cursor:not-allowed}.payment-error{padding:10px 14px;background:rgba(192,57,43,.08);border:1px solid rgba(192,57,43,.2);border-radius:var(--radius-sm);color:var(--color-vermilion);font-size:13px;margin-bottom:16px}.payment-tips{margin-top:20px;padding-top:16px;border-top:1px solid var(--color-line)}.payment-tips p{font-size:12px;color:var(--color-stone);margin:4px 0;line-height:1.6}.payment-result-card{max-width:480px;margin:60px auto;text-align:center;background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:48px 32px;box-shadow:var(--shadow-sm)}.result-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin:0 auto 20px}.result-icon.success{background:rgba(44,95,93,.1);color:var(--color-jade);border:2px solid var(--color-jade)}.result-icon.checking{background:rgba(176,141,87,.1);color:var(--color-gold);border:2px solid var(--color-gold)}.result-icon.closed{background:rgba(192,57,43,.1);color:var(--color-vermilion);border:2px solid var(--color-vermilion)}.payment-result-card h2{font-family:var(--font-serif);font-size:22px;color:var(--color-ink);margin:0 0 8px}.result-desc{font-size:14px;color:var(--color-stone);margin:0 0 20px}.result-contact{font-size:14px;color:var(--color-jade);font-weight:500;margin:8px 0 20px}.order-info{background:var(--color-paper-2);border-radius:var(--radius-sm);padding:16px;margin:16px 0 24px;text-align:left}.order-info-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px}.order-info-row span:first-child{color:var(--color-stone)}.order-info-row span:last-child{color:var(--color-ink);font-weight:500}.result-back-btn{display:inline-block;padding:10px 28px;background:var(--color-paper-2);border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-ink);text-decoration:none;font-size:14px;font-weight:500;transition:border-color .2s}.result-back-btn:hover{border-color:var(--color-gold)}@media (max-width: 768px){input,textarea,select{font-size:16px!important}.container{padding:0 14px}.card{padding:16px;border-radius:var(--radius-md)}.btn{padding:12px 18px;font-size:15px;min-height:44px}.form-group{margin-bottom:14px}.form-group label{font-size:14px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;font-size:16px;border-radius:var(--radius-sm)}.page-header h1{font-size:24px}.page-header p{font-size:13px}.payment-items{grid-template-columns:1fr}.payment-card{padding:20px}.payment-result-card{margin:24px 12px;padding:32px 20px}}@media (max-width: 480px){.container{padding:0 10px}.card{padding:14px}.btn{padding:10px 14px;font-size:14px;min-height:42px}.page-header h1{font-size:20px}.form-group-row{flex-direction:column!important;gap:0!important}.result-table th,.result-table td{font-size:12px;padding:8px 6px}}@media (hover: none){.btn:active,.payment-item:active{opacity:.7;transition:opacity .1s}.card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-line)}}
