:root{--page-blue:#61b8ff;--page-indigo:#7580ff;--page-violet:#a678ff;--page-pink:#ff9fc8;--page-green:#26a17b;--page-ink:#3d486d;--page-muted:#7f89a8;--page-line:rgba(105,118,210,.12);--page-shadow:0 18px 48px rgba(65,76,150,.09)}
.anime-subpage{min-height:100vh;margin:0;color:var(--page-ink);background:radial-gradient(circle at 6% 12%,rgba(97,184,255,.13),transparent 25%),radial-gradient(circle at 92% 12%,rgba(166,120,255,.11),transparent 27%),linear-gradient(155deg,#f4faff 0%,#f8f5ff 48%,#fff8fb 100%)}
.sub-header{position:sticky;top:0;z-index:50;height:70px;border-bottom:1px solid rgba(105,118,210,.08);background:rgba(255,255,255,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.sub-nav{height:70px;display:flex;align-items:center}.sub-nav .brand{margin-right:auto}.sub-nav-links{display:flex;align-items:center;gap:24px}.sub-nav-links a{font-size:13px;color:#697394}.sub-nav-links a.active,.sub-nav-links a:hover{color:#6f79e6}.sub-actions{display:flex;gap:8px;margin-left:25px}.sub-actions a{height:36px;padding:0 15px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.sub-actions .login{color:#6672d8;background:#f2f3ff}.sub-actions .user{color:#fff;background:linear-gradient(110deg,#62b7ff,#7a80ff 58%,#9d78ff);box-shadow:0 8px 20px rgba(105,118,230,.16)}
.sub-hero{position:relative;overflow:hidden;padding:58px 0 48px;color:#fff;background:linear-gradient(113deg,#59b4ff 0%,#7480ff 52%,#a578ff 100%)}.sub-hero:before{content:"";position:absolute;width:380px;height:380px;right:7%;top:-230px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:inset 0 0 0 62px rgba(255,255,255,.025),inset 0 0 0 130px rgba(255,255,255,.017)}.sub-hero:after{content:"✦";position:absolute;right:16%;bottom:-34px;font-size:120px;color:rgba(255,255,255,.07)}.sub-kicker{display:inline-flex;align-items:center;gap:7px;font-size:9px;letter-spacing:2px;opacity:.78}.sub-kicker i{width:7px;height:7px;border-radius:50%;background:#d7fff0;box-shadow:0 0 0 5px rgba(215,255,240,.12)}.sub-hero h1{position:relative;z-index:2;margin:12px 0 9px;color:#fff;font-size:38px;letter-spacing:-.6px}.sub-hero p{position:relative;z-index:2;max-width:760px;margin:0;color:rgba(255,255,255,.82);line-height:1.8;font-size:13px}.sub-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.sub-badges span{padding:6px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.09);font-size:9px;letter-spacing:.7px}
.sub-main{padding:34px 0 70px}.doc-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:22px;align-items:start}.doc-side{position:sticky;top:92px;padding:15px;border:1px solid var(--page-line);border-radius:20px;background:rgba(255,255,255,.9);box-shadow:var(--page-shadow)}.doc-side-title{display:flex;align-items:center;gap:8px;padding:8px 10px 12px;color:#596486;font-size:12px;font-weight:700}.doc-side-title i{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;background:linear-gradient(145deg,#67b8ff,#867dff)}.doc-side .nav{margin:0}.doc-side .nav>li>a{margin:2px 0;padding:8px 11px;border-radius:10px;color:#717b99;font-size:12px}.doc-side .nav>li>a:hover{color:#6874de;background:#f3f5ff}.doc-side hr{margin:7px 5px;border-color:rgba(105,118,210,.08)}
.doc-card,.agreement-card{padding:28px 31px;border:1px solid var(--page-line);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:var(--page-shadow)}.doc-card .post-content{color:#5d6888;line-height:1.78}.doc-card h1,.doc-card h2,.doc-card h3,.doc-card h4,.doc-card h5{color:#465173}.doc-card h2,.doc-card h3{margin-top:31px;padding-top:6px}.doc-card pre{overflow:auto;padding:16px;border:1px solid #e5e8f5;border-radius:14px;background:#f7f8ff;color:#536082}.doc-card code{color:#695fca;background:#f1efff;border-radius:5px}.doc-card table{width:100%;margin:14px 0;border-collapse:separate;border-spacing:0;border:1px solid #e7e9f5;border-radius:13px;overflow:hidden}.doc-card th{background:#f4f6ff;color:#5e688c}.doc-card td,.doc-card th{padding:10px;border-bottom:1px solid #edf0f7;font-size:12px}.doc-card .btn-primary{border-color:transparent;background:linear-gradient(110deg,#62b6ff,#7b80ff)}
.agreement-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px}.agreement-toc{position:sticky;top:92px;padding:17px;border:1px solid var(--page-line);border-radius:20px;background:rgba(255,255,255,.9);box-shadow:var(--page-shadow)}.agreement-toc b{display:block;margin-bottom:10px;color:#566184}.agreement-toc a{display:block;padding:6px 8px;border-radius:9px;color:#7b84a0;font-size:11px}.agreement-toc a:hover{background:#f4f5ff;color:#6975de}.agreement-card{color:#616c8b;line-height:1.9}.agreement-card h4{margin:27px 0 10px;padding-left:12px;border-left:3px solid #7a80ff;color:#485477;font-size:18px}.agreement-card p{font-size:14px;margin:0 0 11px}.agreement-card strong{color:#4b5678}.agreement-note{margin-bottom:22px;padding:16px 18px;border-radius:15px;color:#66718f;background:linear-gradient(120deg,#eef8ff,#f5f2ff);border:1px solid rgba(105,118,210,.09)}
.sub-footer{padding:27px 0;border-top:1px solid rgba(105,118,210,.08);background:#29314d;color:#9da6c1}.sub-footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.sub-footer a{color:#cbd0df}.sub-footer small{font-size:11px}
/* test pay */
.test-page{min-height:100vh;padding:34px 0 55px}.test-shell{max-width:920px;margin:0 auto}.test-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.test-title{display:flex;align-items:center;gap:12px}.test-title i{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#62b7ff,#817fff);box-shadow:0 10px 22px rgba(105,118,235,.17)}.test-title b{display:block;color:#485477;font-size:18px}.test-title small{display:block;margin-top:3px;color:#98a0b6}.test-home{padding:8px 12px;border-radius:999px;color:#6974da;background:#f0f2ff;font-size:11px}.test-card{overflow:hidden;border:1px solid var(--page-line);border-radius:26px;background:rgba(255,255,255,.94);box-shadow:0 22px 58px rgba(61,72,145,.1)}.test-card-head{position:relative;overflow:hidden;padding:25px 28px;color:#fff;background:linear-gradient(110deg,#59b4ff,#7480ff 54%,#a478ff)}.test-card-head:after{content:"✦";position:absolute;right:35px;top:-15px;font-size:95px;color:rgba(255,255,255,.09)}.test-card-head span{font-size:9px;letter-spacing:2px;opacity:.8}.test-card-head h1{margin:7px 0 5px;color:#fff;font-size:25px}.test-card-head p{margin:0;opacity:.8;font-size:12px}.test-body{padding:26px}.test-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.test-field{padding:13px 14px;border:1px solid #e5e8f4;border-radius:15px;background:#fbfcff}.test-field.full{grid-column:1/-1}.test-field label{display:block;margin-bottom:6px;color:#929ab0;font-size:9px;letter-spacing:1px}.test-field .input-wrap{display:flex;align-items:center;gap:10px}.test-field .input-wrap i{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#6e79df;background:#eff1ff}.test-field input{width:100%;border:0;outline:0;background:transparent;color:#4d587a;font-size:14px}.test-paytypes{margin-top:22px}.test-paytypes-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.test-paytypes-title b{color:#566184}.test-paytypes-title small{color:#a0a6b9}.test-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.test-method{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:13px;border:1px solid #e4e7f4;border-radius:15px;background:#fff;color:#5d6889;text-align:left;transition:.2s}.test-method:hover{transform:translateY(-2px);border-color:#bfc4f5;box-shadow:0 10px 24px rgba(69,79,150,.08)}.test-method img{width:29px;height:29px;object-fit:contain}.test-method span{font-size:12px}.test-method em{margin-left:auto;color:#a8aec0;font-style:normal}.test-success{padding:24px;border-radius:18px;text-align:center;background:linear-gradient(130deg,#eafff7,#f3f5ff)}.test-success .ok{width:60px;height:60px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#46c39d,#269b79);font-size:25px;box-shadow:0 12px 25px rgba(38,161,123,.18)}.test-success h3{color:#3f6f62}.test-bottom{padding:14px;text-align:center;color:#949bb1;background:#fafbff;border-top:1px solid rgba(105,118,210,.07);font-size:11px}
@media(max-width:900px){.sub-nav-links{display:none}.doc-layout,.agreement-layout{grid-template-columns:1fr}.doc-side,.agreement-toc{position:static}.doc-side .nav{display:grid;grid-template-columns:1fr 1fr}.agreement-toc{display:none}}
@media(max-width:640px){.sub-header,.sub-nav{height:62px}.sub-actions .login{display:none}.sub-hero{padding:42px 0 38px}.sub-hero h1{font-size:30px}.doc-card,.agreement-card{padding:20px 17px;border-radius:19px}.doc-side .nav{grid-template-columns:1fr}.sub-footer-row{display:block;text-align:center}.sub-footer-row small{display:block;margin:6px 0}.test-page{padding:18px 0 35px}.test-shell{width:calc(100% - 22px)}.test-card{border-radius:21px}.test-card-head,.test-body{padding:20px 16px}.test-fields{grid-template-columns:1fr}.test-field.full{grid-column:auto}.test-methods{grid-template-columns:1fr 1fr}.test-top{padding:0 4px}.test-title small{display:none}}