*{box-sizing:border-box;margin:0;padding:0}body{color:#5d4e37;-webkit-font-smoothing:antialiased;background:#f5e6c8;font-family:PingFang SC,-apple-system,Helvetica Neue,Microsoft YaHei,sans-serif}.container{background:#f5e6c8;min-height:100vh;position:relative;overflow-x:hidden}.page-bg{z-index:0;object-fit:cover;width:100%;height:100%;position:fixed;top:0;left:0}.logo{z-index:2;width:430px;max-width:90vw;height:auto;margin:80px auto 0;display:block;position:relative}.form-container{z-index:1;background:#ffffffd9;border:1px solid #c3b09166;border-radius:12px;margin:-10px 10px 0;padding:20px 15px;position:relative;box-shadow:0 4px 12px #5d4e371f}.form-item{margin-bottom:15px}.label{text-align:left;color:#5d4e37;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.form-item select,.form-item input[type=date]{color:#5d4e37;appearance:auto;background:#fff8e799;border:1px solid #c3b0914d;border-radius:6px;width:100%;padding:12px 10px;font-size:15px}.btn-outer{cursor:pointer;width:180px;height:48px;margin:20px auto 0;position:relative}.fang{z-index:3;background:#fff;position:absolute;box-shadow:0 1px 2px #0000001a}.btn-inner{text-align:center;color:#fff;letter-spacing:2px;text-shadow:0 1px 2px #0000001a;z-index:2;background:#c47070;border-radius:30px;width:100%;height:48px;font-size:20px;font-weight:700;line-height:48px;position:relative;box-shadow:0 4px 14px #c4707080}.btn-outer:active .btn-inner{transform:scale(.97)}.loading-container{justify-content:center;align-items:center;display:flex}.loading-content{z-index:1;text-align:center;padding-top:40vh;position:relative}.loading-text{color:#5d4e37;letter-spacing:2px;margin-top:30px;font-size:18px}@keyframes scaleRock{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes orbFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.05)}}.scale-anim{animation:2s ease-in-out infinite scaleRock;display:inline-block}.soul-scale{width:120px;height:100px;position:relative}.scale-base{background:#8b7d6b;border-radius:3px;width:100px;height:6px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.scale-plate{background:#a88c6b;border-radius:2px;width:100px;height:4px;position:absolute;bottom:6px;left:10px}.scale-pointer{transform-origin:bottom;background:linear-gradient(#c47070,#8b7d6b);border-radius:2px;width:4px;height:50px;animation:2s ease-in-out infinite scaleRock;position:absolute;bottom:6px;left:50%;transform:translate(-50%)rotate(-15deg)}.soul-orb{background:radial-gradient(circle at 35% 35%,#fff8f0,#c4956a,#a88c6b);border-radius:50%;width:40px;height:40px;animation:2s ease-in-out infinite orbFloat;position:absolute;top:-20px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #c4956a99}.result-container{z-index:1;padding:15px;position:relative}.result-card{padding:25px 20px}.soul-name{color:#7a6a7f;text-align:center;letter-spacing:2px;margin-bottom:15px;font-size:28px;font-weight:700;display:block}.soul-image-container{background:0 0;border-radius:20px;width:100%;height:250px;margin:0 auto 15px;overflow:hidden}.soul-image-container.wide{height:200px}.soul-image-container.mid-wide{height:230px}.soul-image-container:not(.wide):not(.mid-wide) .soul-image{object-fit:cover;object-position:center;width:100%;height:100%;-webkit-mask-image:radial-gradient(85% 85%,#000 60%,#0000 100%);mask-image:radial-gradient(85% 85%,#000 60%,#0000 100%)}.soul-image-container.mid-wide .soul-image{object-fit:cover;object-position:center;width:100%;height:100%;-webkit-mask-image:radial-gradient(70% 70%,#000 40%,#0000 100%);mask-image:radial-gradient(70% 70%,#000 40%,#0000 100%)}.soul-image-container.wide .soul-image{object-fit:cover;object-position:center;width:100%;height:100%;-webkit-mask-image:radial-gradient(55% 55% at 50% 45%,#000 30%,#0000 100%);mask-image:radial-gradient(55% 55% at 50% 45%,#000 30%,#0000 100%)}.rarity-tag-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:5px;display:flex}.rarity-desc{color:#fff8f0;background:#c4956a;border-radius:10px;padding:3px 8px;font-size:22px;font-weight:600}.soul-tag{color:#5e5a57;letter-spacing:1px;font-size:28px;font-weight:500}.divider{background:linear-gradient(90deg,#0000,#a88c6b,#0000);height:1px;margin:15px 0}.desc-container{background:#f5e6c859;border-left:2px solid #a88c6b;border-radius:8px;padding:15px}.desc-text{color:#7a7672;letter-spacing:1px;text-indent:2em;font-size:28px;line-height:1.9}.version-desc-container{background:#f5e6c833;border-radius:8px;padding:15px}.version-desc-text{color:#8b7d6b;letter-spacing:1px;font-size:26px;line-height:1.8}.result-actions{justify-content:center;align-items:center;gap:15px;margin-top:20px;display:flex}.result-share-btn{color:#fff8f0;cursor:pointer;background:#c4956a;border:none;border-radius:15px;width:120px;height:30px;padding:0;font-size:13px;line-height:30px;box-shadow:0 3px 12px #c4956a80}.back-btn{color:#fff8f0;cursor:pointer;background:#a88c6b;border:none;border-radius:15px;width:80px;height:30px;padding:0;font-size:13px;line-height:30px;box-shadow:0 3px 12px #a88c6b80}.error-text{text-align:center;color:#5d4e37;padding-top:40vh;font-size:16px}.gallery-container{z-index:1;padding:20px 10px;position:relative}.gallery-title{text-align:center;color:#5d4e37;margin-bottom:15px;font-size:24px}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.gallery-card{cursor:pointer;background:#ffffffbf;border-radius:10px;transition:transform .2s;overflow:hidden;box-shadow:0 2px 8px #5d4e371a}.gallery-card:active{transform:scale(.97)}.gallery-img-wrap{justify-content:center;align-items:center;width:100%;height:80px;display:flex;overflow:hidden}.gallery-img-wrap img{object-fit:cover;width:100%;height:100%}.gallery-info{flex-direction:column;align-items:center;padding:6px 4px;display:flex}.gallery-name{color:#5d4e37;font-size:13px;font-weight:600}.gallery-tag{color:#8b7d6b;text-align:center;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:2px;font-size:10px;display:-webkit-box;overflow:hidden}.gallery-back{width:120px;margin:20px auto 40px;display:block}.home-footer,.footer{z-index:1;text-align:center;flex-direction:column;align-items:center;padding:15px 10px 30px;display:flex;position:relative}.footer-text{color:#8b7d6b;margin-bottom:5px;font-size:12px}.version-text{color:#8b7d6b99;font-size:10px}.privacy-text{color:#8b7d6b73;margin-top:4px;font-size:9px}.result-poster-btn{color:#fff8f0;cursor:pointer;background:#c47070;border:none;border-radius:15px;width:100px;height:30px;padding:0;font-size:13px;line-height:30px;box-shadow:0 3px 12px #c4707080}.share-page{z-index:1;padding:20px 15px;position:relative}.poster-card{border-radius:16px;width:340px;min-height:580px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 32px #5d4e3733}.poster-bg{z-index:0;background:linear-gradient(165deg,#f5e6c8 0%,#ede0c8 30%,#e8d5b8 60%,#f0e2cc 100%);width:100%;height:100%;position:absolute;top:0;left:0}.poster-bg:before{content:"";background:radial-gradient(circle at 15% 20%,#c4956a26 0%,#0000 50%),radial-gradient(circle at 85% 80%,#a88c6b1f 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.poster-content{z-index:1;padding:24px 20px 20px;position:relative}.poster-header{text-align:center;margin-bottom:16px}.poster-brand{color:#7a6a7f;letter-spacing:3px;font-size:22px;font-weight:700;display:block}.poster-sub{color:#a88c6b;letter-spacing:1px;margin-top:4px;font-size:11px;display:block}.poster-img-wrap{background:#ffffff4d;border-radius:14px;width:100%;height:200px;margin-bottom:16px;overflow:hidden}.poster-img-wrap.wide{height:150px}.poster-img-wrap.mid-wide{height:175px}.poster-img-wrap:not(.wide):not(.mid-wide) .poster-img{object-fit:cover;object-position:center;width:100%;height:100%;-webkit-mask-image:radial-gradient(82% 82%,#000 55%,#0000 100%);mask-image:radial-gradient(82% 82%,#000 55%,#0000 100%)}.poster-img-wrap.mid-wide .poster-img{object-fit:cover;object-position:center;width:100%;height:100%;-webkit-mask-image:radial-gradient(70% 70%,#000 40%,#0000 100%);mask-image:radial-gradient(70% 70%,#000 40%,#0000 100%)}.poster-img-wrap.wide .poster-img{object-fit:cover;object-position:center;width:100%;height:100%;-webkit-mask-image:radial-gradient(55% 55% at 50% 45%,#000 30%,#0000 100%);mask-image:radial-gradient(55% 55% at 50% 45%,#000 30%,#0000 100%)}.poster-info{text-align:center;margin-bottom:14px}.poster-name-row{justify-content:center;align-items:center;gap:10px;margin-bottom:6px;display:flex}.poster-name{color:#5d4e37;letter-spacing:2px;font-size:26px;font-weight:700}.poster-tag{color:#7a7672;font-size:22px}.poster-rarity{color:#8b7d6b;font-size:13px}.rarity-num{color:#c4956a;font-size:18px;font-weight:700}.poster-desc{background:#ffffff73;border-left:3px solid #c4956a;border-radius:10px;margin-bottom:10px;padding:14px}.poster-desc p{color:#5d4e37;text-indent:2em;font-size:13px;line-height:1.8}.poster-version-desc{background:#ffffff4d;border-radius:10px;margin-bottom:16px;padding:12px 14px}.poster-version-desc p{color:#8b7d6b;font-size:12px;line-height:1.7}.poster-footer{justify-content:center;align-items:center;gap:12px;display:flex}.poster-footer-line{background:linear-gradient(90deg,#0000,#c4956a,#0000);flex:1;height:1px}.poster-footer-text{color:#a88c6b;letter-spacing:1px;white-space:nowrap;font-size:10px}.share-actions{justify-content:center;align-items:center;gap:12px;margin-top:20px;display:flex}.share-save-btn{color:#fff8f0;cursor:pointer;letter-spacing:1px;background:linear-gradient(135deg,#c4956a,#c47070);border:none;border-radius:20px;width:140px;height:36px;padding:0;font-size:14px;font-weight:600;line-height:36px;box-shadow:0 4px 14px #c4707066}.result-page-container{background:0 0;min-height:100vh;position:relative;overflow-x:hidden}.result-page-bg{z-index:0;object-fit:cover;width:100%;height:100%;position:fixed;top:0;left:0}.ad-overlay{z-index:999;background:#fff8e7f7;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ad-skip-btn{color:#5d4e37;cursor:pointer;z-index:1000;background:#5d4e3726;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex;position:absolute;top:16px;right:16px}.ad-container{text-align:center;width:100%;max-width:360px;padding:20px}.ad-hint{color:#a0917e;margin-top:16px;font-size:12px}.result-content{z-index:2;padding:36vh 18px 20px;position:relative}.result-content .soul-name{color:#5d4e37;text-align:center;letter-spacing:2px;margin-bottom:12px;font-family:PingFang SC,Noto Sans CJK SC,sans-serif;font-size:28px;font-weight:700;display:block}.result-content .rarity-tag-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:5px;display:flex}.result-content .rarity-desc{color:#fff;background:#c17a3a;border-radius:10px;padding:3px 10px;font-size:16px;font-weight:600}.result-content .soul-tag{color:#5d4e37;letter-spacing:1px;font-size:17px;font-weight:500}.result-content .divider{background:linear-gradient(90deg,#0000,#c3b091,#0000);height:1px;margin:12px 0}.result-content .desc-container{background:#fff8e78c;border-left:3px solid #c17a3a;border-radius:8px;padding:14px}.result-content .desc-text{color:#5d4e37;letter-spacing:.5px;text-indent:2em;font-size:15px;line-height:1.9;display:block}.result-content .version-desc-container{background:#f5e6c859;border-radius:8px;padding:14px}.result-content .version-desc-text{color:#8b7d6b;letter-spacing:.5px;font-size:14px;line-height:1.8;display:block}.result-content .result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:18px;display:flex}.result-content .poster-btn,.result-content .result-share-btn,.result-content .back-btn{cursor:pointer;box-sizing:border-box;border-radius:15px;height:30px;min-height:0;padding:0;font-size:13px;line-height:30px;border:none!important}.result-content .poster-btn{width:100px;box-shadow:0 3px 12px #5d8a4e80;color:#fff!important;background:#5d8a4e!important}.result-content .result-share-btn{width:120px;box-shadow:0 3px 12px #7ba3c980;color:#fff!important;background:#7ba3c9!important}.result-content .back-btn{color:#fff;width:80px;box-shadow:0 3px 12px #c17a3a80;background:#c17a3a!important}.result-content .addtohome-btn{cursor:pointer;box-sizing:border-box;border-radius:15px;width:110px;height:30px;min-height:0;padding:0;font-size:13px;line-height:30px;box-shadow:0 3px 12px #8b6db080;color:#fff!important;background:#8b6db0!important;border:none!important}.ios-tip-sheet{z-index:1001;text-align:center;background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:400px;padding:20px 20px 35px;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 24px #00000026}.ios-tip-content{color:#5d4e37;padding:15px 10px;font-size:14px;line-height:1.8}.ios-tip-icon{margin-bottom:12px;font-size:48px}.ios-tip-close{color:#fff;cursor:pointer;background:#c17a3a;border:none;border-radius:15px;width:100px;height:36px;margin-top:12px;font-size:14px}.footer{z-index:2;text-align:center;padding:15px 10px 30px;position:relative}.footer .footer-text{color:#8b7d6b;margin-bottom:5px;font-size:12px;display:block}.footer .version-text{color:#8b7d6b99;margin-top:10px;font-size:11px;display:block}.share-sheet-mask{z-index:998;background:#00000059;position:fixed;inset:0}.share-sheet{z-index:998;background:#fff8e7;border-radius:20px 20px 0 0;width:calc(100% - 24px);max-width:400px;padding:18px 14px 16px;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 24px #5d4e3733}.share-sheet-handle{background:#d8c9ac;border-radius:999px;width:48px;height:5px;margin:0 auto 12px}.share-sheet-close{color:#8b7d6b;cursor:pointer;background:#f5e6c8;border:none;border-radius:50%;width:28px;height:28px;font-size:20px;line-height:1;position:absolute;top:10px;right:10px}.share-sheet-title{text-align:center;color:#5d4e37;margin-bottom:12px;font-size:16px}.share-sheet-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.share-sheet-item{color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:44px;font-size:14px;font-weight:600;display:flex}.share-whatsapp{background:#25d366}.share-line{background:#00c300}.share-telegram{background:#08c}.share-threads{background:#000}.share-facebook{background:#1877f2}.share-x{background:#000}.share-copy{background:#8b7d6b}.share-more{background:#c17a3a}.copy-toast{color:#fff8e7;z-index:998;background:#5d4e37eb;border-radius:999px;padding:10px 16px;font-size:13px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000002e}.lang-dropdown{z-index:100;position:fixed;top:12px;left:50%;transform:translate(-50%)}.lang-dropdown-trigger{-webkit-backdrop-filter:blur(8px);color:#333;cursor:pointer;white-space:nowrap;background:#ffffffe6;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;transition:all .25s;display:flex;box-shadow:0 2px 12px #0000001a}.lang-dropdown-trigger:hover{background:#fff;box-shadow:0 2px 16px #00000026}.lang-arrow{transition:transform .2s}.lang-dropdown.open .lang-arrow{transform:rotate(180deg)}.lang-dropdown-menu{-webkit-backdrop-filter:blur(12px);scrollbar-width:thin;background:#fffffff2;border-radius:16px;max-height:280px;margin-top:6px;padding:6px;animation:.15s ease-out lang-fade-in;overflow-y:auto;box-shadow:0 4px 24px #00000026}.lang-dropdown-menu::-webkit-scrollbar{width:3px}.lang-dropdown-menu::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.lang-dropdown-item{color:#666;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:10px;width:100%;padding:8px 14px;font-size:13px;transition:all .2s;display:block}.lang-dropdown-item:hover{color:#333;background:#5b7b8a14}.lang-dropdown-item.active{color:#fff;background:#5b7b8a;font-weight:600}@keyframes lang-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}