@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700&display=swap');
.album-stack .album-art{position:absolute;z-index:2;right:0;top:7px;width:145px;height:145px;border-radius:4px;box-shadow:0 18px 45px #000b;transform:rotate(3deg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 35% 25%,#d6ad6240,transparent 24%),linear-gradient(145deg,#392032,#121522);border:1px solid #d6ad623d}.album-art i{font-style:normal;color:var(--gold);font-size:28px}.album-art b{margin-top:12px;font:600 16px "Noto Serif SC",serif;letter-spacing:.12em}.album-art span{margin-top:6px;color:#b1a2a6;font-size:8px;letter-spacing:.08em}
:root{--night:#090912;--wine:#321524;--paper:#f4ead9;--paper2:#e9dbc5;--gold:#d6ad62;--gold2:#f1d99d;--ink:#17131a;--muted:#8f857a;--rose:#9f5d71;--white:#fffaf0}*{box-sizing:border-box}html{background:var(--night)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#5b2a40 0,transparent 38%),linear-gradient(150deg,#080810,#15101b 62%,#21121d);color:var(--white);font-family:"Microsoft YaHei","PingFang SC",sans-serif}.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none}.ambient i{position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(90px);opacity:.12;animation:drift 12s ease-in-out infinite alternate}.ambient i:nth-child(1){background:#b65e7d;left:-130px;top:20%}.ambient i:nth-child(2){background:#d6ad62;right:-180px;top:6%;animation-delay:-4s}.ambient i:nth-child(3){background:#653a8c;right:12%;bottom:-180px;animation-delay:-8s}@keyframes drift{to{transform:translate(45px,35px) scale(1.18)}}.shell{position:relative;width:min(100%,540px);min-height:100vh;margin:auto;padding:env(safe-area-inset-top) 20px env(safe-area-inset-bottom);background:linear-gradient(180deg,#100e17e8,#0c0b12f5);box-shadow:0 0 80px #0009;overflow:hidden}header{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;color:var(--white);text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d6ad6266;border-radius:50%;color:var(--gold);font-size:20px;box-shadow:inset 0 0 18px #d6ad6224}.brand>span:last-child{font:700 18px "Noto Serif SC",serif;letter-spacing:.14em}.brand small{display:block;margin-top:2px;color:#a99473;font:8px Arial,sans-serif;letter-spacing:.17em}.save{border:1px solid #ffffff18;border-radius:99px;padding:7px 11px;background:#ffffff08;color:#aaa0a5;font-size:11px}.music-hero{position:relative;height:216px;margin:4px -20px 24px;padding:22px 24px;overflow:hidden;background:linear-gradient(110deg,#351724,#17111b 56%,#0d0d15);border-block:1px solid #d6ad6220}.music-hero::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 34px,#ffffff04 35px);mask-image:linear-gradient(to bottom,transparent,#000,transparent)}.album-stack{position:absolute;right:22px;top:25px;width:162px;height:162px}.album-stack img{position:absolute;z-index:2;right:0;top:7px;width:145px;height:145px;object-fit:cover;border-radius:4px;box-shadow:0 18px 45px #000b;transform:rotate(3deg)}.record{position:absolute;z-index:1;left:-29px;top:1px;width:158px;height:158px;border-radius:50%;background:repeating-radial-gradient(circle,#111 0 2px,#262129 3px 4px);box-shadow:0 15px 40px #000c;animation:spin 18s linear infinite}.record::before{content:"";position:absolute;inset:37%;border-radius:50%;background:var(--wine);border:10px solid var(--gold)}.record span{position:absolute;inset:48%;border-radius:50%;background:#090909}@keyframes spin{to{transform:rotate(360deg)}}.hero-words{position:relative;z-index:3;width:52%;padding-top:20px}.hero-words span{display:block;color:var(--gold);font:8px Arial,sans-serif;letter-spacing:.15em}.hero-words b{display:block;margin-top:13px;font:600 25px/1.48 "Noto Serif SC",serif;letter-spacing:.05em}.waveform{position:absolute;z-index:3;left:24px;bottom:20px;display:flex;gap:3px;align-items:center;height:24px}.waveform i{display:block;width:2px;height:8px;background:var(--gold);border-radius:9px;animation:wave 1.2s ease-in-out infinite alternate}.waveform i:nth-child(3n){height:20px;animation-delay:-.4s}.waveform i:nth-child(2n){height:14px;animation-delay:-.8s}@keyframes wave{to{transform:scaleY(.35);opacity:.45}}.progress{position:relative;height:2px;margin-top:2px;background:#ffffff13}.progress span{display:block;width:16.67%;height:100%;background:linear-gradient(90deg,var(--rose),var(--gold2));box-shadow:0 0 12px #d6ad6299;transition:.45s cubic-bezier(.22,1,.36,1)}.progress i{position:absolute;right:0;top:-3px;width:8px;height:8px;border:1px solid #ffffff33;border-radius:50%}.step-label{font:10px Arial,sans-serif;letter-spacing:.14em;color:#8d8186;margin:12px 0 0;text-transform:uppercase}.step{display:none;padding:30px 0 112px;animation:arrive .5s cubic-bezier(.22,1,.36,1)}.step.active{display:block}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.eyebrow{font:10px Arial,sans-serif;color:var(--gold);font-weight:700;letter-spacing:.2em;text-transform:uppercase}h1{font:600 clamp(31px,8vw,43px)/1.38 "Noto Serif SC",serif;letter-spacing:.03em;margin:13px 0;color:var(--white)}.hint,.privacy,.demo-note{color:#a99fa3;font-size:13px;line-height:1.7}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:27px}.choice-grid button{position:relative;min-height:112px;text-align:left;border:1px solid #ffffff16;border-radius:4px;padding:17px;background:linear-gradient(145deg,#ffffff0e,#ffffff05);color:var(--white);overflow:hidden;transition:.25s}.choice-grid button::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);transition:.3s}.choice-grid button:hover{border-color:#d6ad6266;transform:translateY(-2px)}.choice-grid button b,.choice-grid button span{display:block}.choice-grid button b{font:600 17px "Noto Serif SC",serif}.choice-grid button span{margin-top:8px;color:#9f9599;font-size:11px;line-height:1.5}.choice-grid button.selected{border-color:var(--gold);background:linear-gradient(145deg,#5a2d3b66,#d6ad6215);box-shadow:0 12px 35px #0005,inset 0 0 28px #d6ad620b}.choice-grid button.selected::after{transform:scaleX(1)}.choice-grid.compact button{min-height:78px}label{display:block;margin-top:22px;color:#d8cfc8;font-weight:600;font-size:13px}input,textarea{display:block;width:100%;margin-top:9px;border:1px solid #ffffff16;border-radius:4px;background:#ffffff09;padding:15px;color:var(--white);font:inherit;resize:vertical;transition:.2s}input::placeholder,textarea::placeholder{color:#70686e}input:focus,textarea:focus{outline:0;border-color:var(--gold);background:#ffffff0d;box-shadow:0 0 0 3px #d6ad6212}.upload-box{position:relative;margin-top:27px;border:1px dashed #d6ad6266;border-radius:6px;padding:38px 18px;text-align:center;background:radial-gradient(circle at 50% 0,#d6ad6214,transparent 60%),#ffffff06}.upload-box::before{content:"＋";display:grid;place-items:center;width:46px;height:46px;margin:0 auto 12px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:26px}.upload-box input{position:absolute;opacity:0;pointer-events:none}.upload-box label{margin:0;cursor:pointer}.upload-box label b{font:600 17px "Noto Serif SC",serif}.upload-box label span{display:block;margin-top:8px;color:#90868b;font-weight:400;font-size:12px}.upload-box p{margin-bottom:0;color:var(--gold);font-size:12px}.summary{margin:24px 0;padding:20px;border:1px solid #d6ad6230;border-radius:4px;background:linear-gradient(145deg,#3a1c2a88,#ffffff06);color:var(--white);box-shadow:0 18px 45px #0004}.summary p{margin:8px 0;font-size:13px}.check{display:flex;gap:10px;align-items:flex-start;color:#b7adb0;font-weight:400}.check input{width:auto;margin:4px 0 0;accent-color:var(--gold)}.submit{width:100%;margin-top:30px;padding:17px;border:1px solid #efd89466;border-radius:2px;background:linear-gradient(110deg,#b98843,#e0bd71,#b98843);color:#1a1112;font-size:15px;font-weight:800;letter-spacing:.08em;box-shadow:0 12px 35px #b988432c}.actions{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,540px);display:flex;gap:10px;padding:13px 20px calc(13px + env(safe-area-inset-bottom));background:#0c0b12e8;backdrop-filter:blur(18px);border-top:1px solid #ffffff10}.actions button{padding:15px;border-radius:2px;font-weight:700;letter-spacing:.05em}.back{width:34%;border:1px solid #ffffff1f;background:transparent;color:#b2a9ad}.next{flex:1;border:1px solid #d6ad6266;background:linear-gradient(110deg,#492234,#241620);color:var(--gold2);box-shadow:inset 0 0 25px #d6ad6208}@media(max-width:380px){.music-hero{height:195px}.album-stack{transform:scale(.84);transform-origin:right center}.hero-words b{font-size:21px}}@media(min-width:700px){body{padding:28px}.shell{min-height:calc(100vh - 56px);border:1px solid #ffffff10}.actions{bottom:28px}}
/* 订单私密入口 */
.access-gate{max-width:520px;margin:65px auto;padding:34px;background:linear-gradient(145deg,#23141c,#110d12);border:1px solid #d6ad6238;box-shadow:0 30px 80px #0008}.access-gate h1{font-size:34px}.access-gate label{display:block;margin:18px 0}.access-gate input{width:100%;margin-top:8px}.access-message{color:#a99b9f;font-size:12px}.access-message.error{color:#e39b9b}
.package-card{margin:0 0 18px;padding:15px 17px;border:1px solid #d6ad6238;background:linear-gradient(105deg,#42213299,#181019);box-shadow:0 14px 36px #0004}.package-card>div{display:flex;align-items:center;justify-content:space-between}.package-card span{font:600 16px "Noto Serif SC",serif;color:var(--gold2)}.package-card b{color:var(--gold);font-size:18px}.package-card p{margin:7px 0 0;color:#9f9499;font-size:11px;letter-spacing:.03em}.visual-style{margin-top:25px;padding:18px;border:1px solid #d6ad6230;background:#ffffff05}.visual-style>p{margin:0;color:#b8adb0;font-size:13px;line-height:1.7}.header-tools{display:flex;align-items:center;gap:7px}.help-button{border:1px solid #d6ad623d;border-radius:99px;padding:7px 10px;background:#d6ad620b;color:var(--gold2);font-size:11px}.field-note{margin:8px 0 0;color:#82777c;font-size:11px;line-height:1.6}.watermark-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.watermark-styles button{min-height:72px;padding:10px 7px;border:1px solid #ffffff14;border-radius:4px;background:#ffffff06;color:#ddd0c7}.watermark-styles button b,.watermark-styles button span{display:block}.watermark-styles button b{font-size:12px}.watermark-styles button span{margin-top:5px;color:#81777c;font-size:9px;line-height:1.4}.watermark-styles button.selected{border-color:var(--gold);background:linear-gradient(145deg,#5a2d3b66,#d6ad6215)}.watermark-preview{position:relative;min-height:132px;margin:14px 0 0;padding:22px;border:1px solid #d6ad6238;border-radius:5px;overflow:hidden;background:radial-gradient(circle at 85% 20%,#d6ad6223,transparent 30%),linear-gradient(145deg,#20141d,#0e1017);display:flex;flex-direction:column;justify-content:center}.watermark-preview small{color:#8c7b69;font:8px Arial;letter-spacing:.18em}.watermark-preview b{display:block;margin-top:13px;color:var(--gold2);font-weight:500}.watermark-preview i{position:absolute;right:18px;bottom:13px;color:#d6ad6255;font-style:normal;font-size:28px}.watermark-preview.signature b{font:500 25px/1.35 "STKaiti","KaiTi",serif;transform:rotate(-2deg)}.watermark-preview.cinema b{font:600 19px/1.4 "Noto Serif SC",serif;letter-spacing:.18em}.watermark-preview.cinema:after{content:"";width:76px;height:1px;margin-top:13px;background:linear-gradient(90deg,var(--gold),transparent)}.watermark-preview.seal b{width:max-content;max-width:80%;padding:9px 12px;border:1px solid #c66d68;color:#f0c0ad;font:600 16px "Noto Serif SC",serif;letter-spacing:.1em;box-shadow:inset 0 0 18px #8a282430}.guide-dialog{width:min(90vw,460px);border:1px solid #d6ad6245;background:#151019;color:var(--white);padding:27px;box-shadow:0 30px 90px #000}.guide-dialog::backdrop{background:#05050bd9;backdrop-filter:blur(6px)}.guide-dialog h2{font:600 27px "Noto Serif SC",serif}.guide-dialog ol{padding:0;list-style:none;counter-reset:guide}.guide-dialog li{display:grid;grid-template-columns:25px 1fr;gap:3px 12px;padding:13px 0;border-top:1px solid #ffffff10;counter-increment:guide}.guide-dialog li:before{content:counter(guide);grid-row:1/3;color:var(--gold);font:600 18px serif}.guide-dialog li b{font-size:13px}.guide-dialog li span{color:#91868b;font-size:11px;line-height:1.5}.dialog-close{float:right;border:0;background:transparent;color:#968b90}