:root{--color-ink: #1a1a1a;--color-paper: #faf8f3;--color-paper-2: #f5f0e6;--color-vermilion: #c0392b;--color-vermilion-2: #a02e22;--color-jade: #2c5f5d;--color-jade-2: #1f4745;--color-gold: #b08d57;--color-stone: #6b6357;--color-line: #d9d2c2;--color-line-2: #c9bfa8;--font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;--font-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--shadow-sm: 0 1px 2px rgba(26, 26, 26, .04);--shadow-md: 0 4px 16px rgba(26, 26, 26, .08);--shadow-lg: 0 8px 32px rgba(26, 26, 26, .12);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*{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(circle at 25% 25%,rgba(176,141,87,.03) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(44,95,93,.02) 0%,transparent 50%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(217,210,194,.08) 2px,rgba(217,210,194,.08) 3px)}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}.container{max-width:1200px;margin:0 auto;padding:0 24px}.stamp{display:inline-block;padding:2px 10px;background:var(--color-vermilion);color:var(--color-paper);font-family:var(--font-serif);font-size:12px;font-weight:700;letter-spacing:.1em;border-radius:2px}.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}.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:14px;font-weight:500;border-radius:var(--radius-sm);transition:all .2s;border:1px solid transparent}.btn-primary{background:var(--color-ink);color:var(--color-paper)}.btn-primary:hover{background:var(--color-vermilion)}.btn-outline{border-color:var(--color-line-2);color:var(--color-ink);background:var(--color-paper)}.btn-outline:hover{border-color:var(--color-ink);background:var(--color-paper-2)}.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:var(--color-paper-2)}::-webkit-scrollbar-thumb{background:var(--color-line-2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-stone)}.highlight{background:linear-gradient(180deg,transparent 60%,rgba(192,57,43,.15) 60%);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)}.page-container{max-width:720px;margin:0 auto;padding:32px 24px 64px}.page-header{text-align:center;margin-bottom:32px}.page-header h1{font-family:var(--font-serif);font-size:28px;font-weight:700;color:var(--color-ink);margin:0 0 8px}.page-desc{font-size:14px;color:var(--color-stone);margin:0}.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-2);border:2px solid var(--color-line);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s,background .2s;font-family:var(--font-sans)}.payment-item:hover{border-color:var(--color-gold)}.payment-item.active{border-color:var(--color-vermilion);background:#c0392b0d}.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:#c0392b14;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:#2c5f5d1a;color:var(--color-jade);border:2px solid var(--color-jade)}.result-icon.checking{background:#b08d571a;color:var(--color-gold);border:2px solid var(--color-gold)}.result-icon.closed{background:#c0392b1a;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){.payment-items{grid-template-columns:1fr}.payment-card{padding:20px}.payment-result-card{margin:24px 12px;padding:32px 20px}}
