:root{--ink:#45293b;--soft:#805f71;--pink:#f56e9e;--blue:#6198ee}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Microsoft JhengHei","PingFang TC",sans-serif;background:linear-gradient(180deg,#bde0ff,#ffdce8 45%,#fff4e7);color:var(--ink)}body{overflow:hidden}button,input{font:inherit}.petals,.petals span{position:fixed;pointer-events:none}.petals{inset:0;overflow:hidden;z-index:30}.petals span{top:-10%;width:24px;height:16px;border-radius:20px 20px 20px 4px;background:linear-gradient(135deg,#fff,#ffb0ca);opacity:.7;animation:fall linear infinite}.petals span:nth-child(1){left:6%;animation-duration:15s}.petals span:nth-child(2){left:20%;animation-duration:18s;animation-delay:-5s}.petals span:nth-child(3){left:38%;animation-duration:13s;animation-delay:-8s}.petals span:nth-child(4){left:58%;animation-duration:17s;animation-delay:-4s}.petals span:nth-child(5){left:78%;animation-duration:14s;animation-delay:-6s}.petals span:nth-child(6){left:92%;animation-duration:19s;animation-delay:-9s}@keyframes fall{0%{transform:translateY(0) rotate(0)}100%{transform:translate(60px,110vh) rotate(260deg)}}.panel,.dialogue,.card{background:rgba(255,255,255,.84);backdrop-filter:blur(14px);box-shadow:0 18px 44px rgba(100,54,80,.18)}.layout{position:relative;z-index:2;display:grid;grid-template-columns:250px minmax(0,1fr);gap:14px;padding:16px;height:100vh}.panel{padding:16px;border-radius:24px;overflow:auto}.panel h2{margin:0 0 14px}.panel section{padding:10px 12px;border-radius:18px;background:#fff9fc;margin-bottom:10px}.loveCard{display:grid;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:12px}.loveFace{width:66px;height:66px;border-radius:18px;background:#fff4f8 no-repeat;background-size:300% 200%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.86)}.loveFace.mio{background-image:url("/CGGame/img/Girl1.PNG");background-position:0% 0%}.loveFace.koharu{background-image:url("/CGGame/img/Gril2.PNG");background-position:0% 0%}.loveFace.yoru{background-image:url("/CGGame/img/Girl3.PNG");background-position:0% 0%}.loveInfo b{display:block;font-size:18px;margin-bottom:4px}.loveInfo small{display:block}.loveBadge{min-width:58px;padding:10px 8px;border-radius:18px;background:linear-gradient(180deg,#ff8db5,#f36b9a);color:#fff;text-align:center;box-shadow:0 10px 20px rgba(239,94,145,.18)}.loveBadge span{display:block;font-size:16px;line-height:1}.loveBadge strong{display:block;font-size:20px;line-height:1.2}.panel small,.route{color:var(--soft);line-height:1.6}.stageWrap{position:relative;min-width:0;border-radius:28px;overflow:hidden;box-shadow:0 20px 48px rgba(99,56,80,.18);min-height:0}.stage{position:absolute;inset:0;background:linear-gradient(180deg,#9ed4ff,#f9d7e3)}.stage.cafe{background:linear-gradient(180deg,#f6d7a9,#d69a82)}.stage.park{background:linear-gradient(180deg,#9fd69e,#ffe4c9)}.stage.night{background:linear-gradient(180deg,#3b477e,#b77da8 60%,#ffd7c0)}.stage.festival{background:linear-gradient(180deg,#70a7ff,#ffa5c1 55%,#ffd89d)}.sceneCg,.veil,.sprite,.loc,.choices,.dialogue,.actions,.icons{position:absolute}.sceneCg{inset:0;width:100%;height:100%;object-fit:contain;object-position:center top;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.06));opacity:0;transition:opacity .35s;padding:10px 10px 0}.sceneCg.show{opacity:1}.veil{inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(56,18,40,.18))}.loc{top:18px;left:18px;z-index:2;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.76);color:#a14f77;font-weight:700}.sprite{bottom:198px;width:min(26vw,350px);aspect-ratio:682.67/682.5;overflow:hidden;opacity:0;transform:translateY(18px) scale(.94);transition:.3s;filter:brightness(.92)}.sprite img{position:absolute;top:0;left:0;width:300%;height:200%;max-width:none;pointer-events:none;user-select:none}.sprite.show{opacity:1}.sprite.focus{transform:translateY(0) scale(1.03);filter:none}.sprite.char-y{width:min(24vw,320px);bottom:208px}.left{left:3%}.center{left:50%;transform:translateX(-50%) translateY(20px) scale(.94)}.center.focus{transform:translateX(-50%) translateY(0) scale(1.03)}.right{right:3%}.choices{left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 40px));bottom:238px;z-index:4;display:grid;gap:10px;justify-items:center}.choices button{width:100%;max-width:560px;padding:14px 18px;border:0;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 12px 26px rgba(102,56,80,.16);text-align:left}.choices small{display:block;color:#8d6678;margin-top:4px}.dialogue{left:14px;right:86px;bottom:14px;z-index:5;display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;padding:14px 16px 18px;min-height:232px;border-radius:24px;border:2px solid rgba(255,210,225,.8)}.portrait{width:74px;height:74px;border-radius:18px;background:#fff4f8 no-repeat center/cover;box-shadow:inset 0 0 0 2px rgba(255,255,255,.86)}.name{padding:8px 10px;border-radius:16px;background:linear-gradient(180deg,#ff8db5,#f36b9a);color:#fff;display:inline-flex;flex-direction:column;min-width:132px}.name b{font-size:20px}.name small{opacity:.85}.text{min-height:110px;font-size:21px;line-height:1.75;word-break:break-word}.hint{font-size:12px;color:#9f7186;text-align:right}.actions{left:118px;bottom:18px;z-index:6;display:flex;gap:6px}.actions button,.icons button{border:0;border-radius:16px;color:#fff;font-weight:700;cursor:pointer;background:linear-gradient(180deg,var(--pink),#ee5a8e);box-shadow:0 10px 20px rgba(239,94,145,.24)}.actions button{min-width:76px;padding:8px 12px;font-size:14px}.actions button:nth-child(3),.actions button:nth-child(4),.actions button:nth-child(6){background:linear-gradient(180deg,#79aef4,var(--blue))}.icons{right:14px;bottom:22px;z-index:6;display:grid;gap:8px}.icons button{width:46px;height:46px;border-radius:999px;font-size:19px}.modal{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(46,19,35,.42);backdrop-filter:blur(10px)}.configIntro{margin:0 0 12px;padding:14px 16px;border-radius:20px;background:#fff9fc}.configIntro small{display:inline-block;padding:4px 10px;border-radius:999px;background:#ffedf5;color:#d94d85;font-weight:700}.configIntro h4{margin:8px 0 6px;font-size:28px}.configIntro p{margin:0;color:var(--soft)}.configMeta{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:#9f7186;font-size:13px}.card{width:min(720px,100%);max-height:88vh;overflow:auto;padding:20px;border-radius:28px}.card.wide{width:min(900px,100%)}.card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card header h3{margin:0}.card header button{width:40px;height:40px;border:0;border-radius:999px;background:#f7dce7;color:#8f4f69;font-size:24px}.card label{display:grid;gap:8px;margin-bottom:12px;padding:12px 14px;border-radius:18px;background:#fff9fc}.toggle{grid-template-columns:auto 1fr;align-items:center}.slot,.logItem{padding:14px 16px;border-radius:18px;background:#fff9fc;margin-bottom:10px}.slothead{display:flex;justify-content:space-between;gap:8px}.slot button{margin-top:8px;border:0;border-radius:12px;padding:8px 12px;background:#ff8db5;color:#fff}[hidden]{display:none!important}.petals.off{display:none}@media(max-width:1180px){body{overflow:auto}.layout{display:block;padding:16px}.panel{margin:0 0 12px}.stageWrap{min-height:calc(100vh - 160px)}.sprite{bottom:236px;width:min(30vw,310px)}.sprite.char-y{width:min(28vw,280px);bottom:244px}.sceneCg{object-fit:contain;padding:8px 8px 0}}@media(max-width:820px){.layout{padding:12px}.panel{margin:0 0 12px}.stageWrap{margin:0;min-height:calc(100vh - 140px)}.loveCard{grid-template-columns:56px minmax(0,1fr) auto;gap:10px}.loveFace{width:56px;height:56px;border-radius:14px}.loveInfo b{font-size:16px}.loveBadge{min-width:52px;padding:8px 6px;border-radius:16px}.loveBadge strong{font-size:18px}.dialogue{left:10px;right:10px;bottom:90px;grid-template-columns:72px minmax(0,1fr);padding:12px 12px 16px;min-height:248px}.portrait{width:58px;height:58px}.name{min-width:112px}.name b{font-size:18px}.text{font-size:18px;min-height:128px}.actions{left:10px;right:10px;bottom:10px;overflow:auto}.icons{top:14px;right:10px;bottom:auto}.icons button{width:42px;height:42px;font-size:18px}.choices{left:50%;transform:translateX(-50%);width:min(460px,calc(100% - 20px));bottom:252px}.sceneCg{object-fit:contain;object-position:center top;padding:6px 6px 0}.sprite{bottom:196px;width:min(38vw,250px)}.sprite.char-y{width:min(34vw,230px);bottom:204px}.configIntro h4{font-size:22px}.configMeta{display:block}}





.startScreen{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,rgba(170,210,255,.42),rgba(255,216,232,.45));backdrop-filter:blur(8px)}.startCard{width:min(760px,100%);padding:28px;border-radius:32px;background:rgba(255,255,255,.9);box-shadow:0 24px 64px rgba(98,55,79,.22);text-align:center}.startCard small{display:inline-block;padding:4px 10px;border-radius:999px;background:#ffedf5;color:#d94d85;font-weight:700}.startCard h1{margin:10px 0 8px;font-size:44px}.startCard p{max-width:560px;margin:0 auto 18px;color:var(--soft);line-height:1.7}.startPreview{margin:0 auto 18px;max-width:560px;border-radius:24px;overflow:hidden;box-shadow:0 18px 36px rgba(94,56,78,.18)}.startPreview img{display:block;width:100%;height:min(42vw,320px);object-fit:cover}.startActions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.startActions button,.exitBtn{border:0;border-radius:18px;padding:12px 18px;background:linear-gradient(180deg,var(--pink),#ee5a8e);color:#fff;font-weight:700;box-shadow:0 10px 20px rgba(239,94,145,.24);cursor:pointer}.startActions button:last-child{background:linear-gradient(180deg,#79aef4,var(--blue))}.exitBtn{width:100%;margin-top:6px}.startScreen[hidden]{display:none!important}@media(max-width:820px){.startCard{padding:20px;border-radius:24px}.startCard h1{font-size:32px}.startPreview img{height:220px}.startActions button{width:100%}}





.compactPanel .panelHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.compactPanel h2{margin:0}.profileBtn{border:0;border-radius:999px;padding:8px 12px;background:#ffe7f1;color:#cc4f84;font-weight:700;cursor:pointer}.loveCard.slim{grid-template-columns:66px minmax(0,1fr) auto;padding:8px 10px}.loveCard.slim .loveInfo{display:flex;align-items:center}.loveCard.slim .loveInfo b{margin:0;font-size:17px}.loveCard.slim .loveInfo small{display:none}.profileGrid{display:grid;gap:12px}.profileItem{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;border-radius:18px;background:#fff9fc}.profileItem .loveFace{width:72px;height:72px}.profileItem b{display:block;font-size:18px;margin-bottom:4px}.profileItem p{margin:0;color:var(--soft);line-height:1.7}@media(max-width:820px){.compactPanel .panelHead{align-items:flex-start}.profileBtn{padding:7px 10px;font-size:13px}.loveCard.slim{grid-template-columns:56px minmax(0,1fr) auto}.profileItem{grid-template-columns:60px minmax(0,1fr)}.profileItem .loveFace{width:60px;height:60px}}


.sceneCg[hidden],.sprite img[hidden]{display:none!important;}

.layout.panel-collapsed{grid-template-columns:minmax(0,1fr);}
.layout.panel-collapsed .panel{display:none;}
@media(max-width:1180px){.layout.panel-collapsed{display:block;}}
.galleryGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.galleryItem{margin:0;border-radius:20px;overflow:hidden;background:#fff9fc;box-shadow:0 12px 28px rgba(102,56,80,.14)}.galleryItem img,.galleryLock{display:block;width:100%;aspect-ratio:4/3}.galleryItem img{object-fit:cover}.galleryLock{display:grid;place-items:center;background:linear-gradient(180deg,#f4dbe5,#ead1be);color:#9b7185;font-weight:700;letter-spacing:.08em}.galleryItem figcaption{padding:10px 12px;color:var(--ink)}.galleryItem.lock figcaption{color:#9b7185}

.galleryItem.unlock{cursor:pointer}.viewerCard{width:min(1100px,100%)}.viewerFrame{border-radius:22px;overflow:hidden;background:#fff7fb}.viewerFrame img{display:block;width:100%;max-height:78vh;object-fit:contain;background:#fff}