:root{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#75495d;background:#f5e0e7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 30% 20%,#fff7ed,transparent 65%),radial-gradient(ellipse at 90% 90%,#e9c2dc,transparent 65%),#f5e0e7;min-height:100dvh}button,input,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b05a88;outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#scene{position:fixed;inset:0;pointer-events:none}#scene canvas{display:block;width:100%;height:100%}.masthead{position:relative;z-index:5;padding:27px 4%;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700;letter-spacing:2px}.brand-icon{border:1px solid #c691a6;border-radius:50%;height:42px;width:42px;display:grid;place-items:center;font-size:30px;font-weight:400}.brand small{display:block;font:9px/2.4 Georgia;letter-spacing:2px}.edition,.eyebrow{font-size:10px;letter-spacing:2px;color:#a7798d}.quiet{background:#fff8fa75;border:1px solid #dcb5c5;border-radius:30px;padding:10px 17px;font-size:12px}.cover-note{position:absolute;top:34%;left:7%;z-index:2;pointer-events:none}.cover-note h1{font:400 clamp(25px,3vw,42px)/1.55 "SimSun",serif;margin:20px 0}.cover-note p{font-size:13px;line-height:2;color:#a17a8e}.handwriting{font:italic 15px Georgia;color:#b28699;display:block;margin-top:24px}.cover-label{position:absolute;right:7%;top:42%;text-align:center;pointer-events:none}.cover-label>span{font-size:40px;color:#b980a1}.cover-label p{font:20px/1.8 "SimSun",serif}.cover-label small{font-size:8px;letter-spacing:2px;color:#ad8295}.cover-action{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:13px;align-items:center;z-index:3;width:max-content}.cover-action button{border:1px solid #fff5f8;background:linear-gradient(135deg,#bc668b,#d893ad);border-radius:40px;color:white;font-weight:600;letter-spacing:2px;padding:17px 36px;box-shadow:0 8px 24px #a85b7b36;transition:transform .25s}.cover-action button:hover{transform:translateY(-3px)}.cover-action>span{font-size:11px;color:#aa7d90}.hub-nav{position:fixed;bottom:17px;right:25px;z-index:8;display:flex;gap:4px;background:#fff9f9eb;border:1px solid #e6bfce;border-radius:40px;padding:6px;box-shadow:0 5px 20px #86547416}.hub-nav a{padding:10px 16px;border-radius:30px;font-size:12px}.hub-nav .active{background:#b97394;color:white}.journal{position:fixed;inset:108px 5% 88px;z-index:4;max-width:1500px;margin:auto;display:grid;grid-template-columns:27% 73%;background:#fffbf8;box-shadow:0 25px 55px #80466b28,0 0 0 8px #c989a5;border-radius:8px;animation:reveal .7s both;min-height:0}.journal:after{content:"";position:absolute;inset:auto 3px -8px;height:8px;background:repeating-linear-gradient(#e5cdd2 0 1px,#fff9f8 1px 3px);z-index:-1}.left-page{padding:30px 28px 17px;display:flex;flex-direction:column;min-height:0;background:linear-gradient(90deg,transparent 93%,#d3a5b21c)}.left-page h2{font:400 35px/1.5 "SimSun",serif;margin:19px 0 10px}.collection-seal{position:absolute;left:17%;top:70px;border:1px dashed #cf98ae;border-radius:50%;width:74px;height:74px;display:grid;place-content:center;text-align:center;font:22px Georgia;transform:rotate(12deg);color:#b16a8a}.collection-seal span{font:italic 10px Georgia}.aside-copy{font-size:12px;line-height:2;color:#ac8393;margin:5px 0 25px}.left-page label{font-size:11px;margin-bottom:9px}select,input{max-width:100%;min-width:0;border:1px solid #ebd6df;border-radius:6px;background:#fff8fa;padding:10px;font-size:12px}.concert-list{overflow:auto;flex:1;min-height:0;margin:16px 0;scrollbar-width:thin}.concert-list button{display:block;width:100%;text-align:left;padding:10px 8px;background:transparent;border-bottom:1px dashed #ead8e0;font-size:11px;line-height:1.6}.concert-list button.active{background:#f4e0ea;border-radius:5px;color:#9d446d}.left-page footer{font:9px Georgia;display:flex;justify-content:space-between;color:#b08a9b;gap:8px}.binding{position:absolute;left:calc(27% - 12px);top:8%;bottom:8%;width:25px;display:flex;flex-direction:column;justify-content:space-around;z-index:3;pointer-events:none}.binding i{height:12px;border:3px solid #cda5b3;border-right-color:#f6e6e9;border-bottom-color:#a78090;border-radius:12px;box-shadow:0 2px 3px #76526b26}.right-page{padding:27px 30px 12px 35px;min-width:0;min-height:0;display:flex;flex-direction:column;border-left:1px solid #ecd8df;background:linear-gradient(90deg,#d9b4c218,transparent 4%)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-heading h2{font:400 27px/1.3 "SimSun",serif;margin:10px 0 15px}.heart-seal{font:42px/1 Georgia;text-align:center;color:#c487a3;transform:rotate(12deg)}.heart-seal small{display:block;font:italic 9px Georgia}.filters{display:flex;flex-wrap:wrap;gap:9px;align-items:end;border-block:1px dashed #ead2dd;padding:12px 0}.filters label{display:flex;flex-direction:column;gap:5px;font-size:9px;color:#a58293}.filters select{max-width:160px;padding:7px;font-size:11px}.search{flex:1;min-width:140px}.search input{width:100%;padding:8px}.filters .quiet{padding:9px 12px;font-size:10px}.result-note{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#a88696;padding:12px 0}.content-scroll{overflow:auto;min-height:0;flex:1;padding:9px 6px 15px;scrollbar-width:thin;scrollbar-color:#d8acbd transparent}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;align-items:start}.photo-card{position:relative;background:white;border:1px solid #eedee5;padding:7px 7px 10px;box-shadow:0 3px 9px #71475e12;text-align:left;min-width:0;transform:rotate(-1deg);transition:transform .2s}.photo-card:nth-child(3n+2){transform:rotate(1deg)}.photo-card:hover{transform:rotate(0) translateY(-3px)}.photo-card:before{content:"";width:48px;height:15px;position:absolute;top:-8px;left:calc(50% - 24px);background:#e7b7cf90;transform:rotate(-4deg);z-index:1}.photo-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;background:#faf2f6}.photo-card strong{font-size:12px;display:block;margin:10px 3px 4px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-card small{display:block;font-size:9px;color:#b08d9e;margin:4px 3px;line-height:1.6;overflow-wrap:anywhere}.photo-card .credit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-error{background:#f3e2eb!important}.pagination{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;border-top:1px solid #ecdee5;margin-top:4px;font-size:10px}.pagination button{border-radius:6px;background:#f7e9ef;padding:9px;font-size:11px}#empty{text-align:center;padding:45px 5px;font-size:13px;line-height:2}dialog{background:#fff9fc;color:#75495d;border:1px solid #e7cbd8;border-radius:12px;width:min(800px,calc(100% - 24px));max-height:93dvh;box-shadow:0 25px 90px #45273950;padding:17px}dialog::backdrop{background:#543548a6;backdrop-filter:blur(5px)}.viewer-top,.viewer-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;line-height:1.6}.viewer-top button{background:none;font-size:28px;padding:0 8px}.viewer-foot{margin:12px 0}.viewer-foot button{border-radius:20px;padding:10px 15px;background:#ba7394;color:white;font-size:11px;flex-shrink:0}#viewerImage{display:block;width:100%;height:65dvh;object-fit:contain;background:#f5eaf0;margin:12px 0}dialog>small{font-size:9px;color:#a78293}.is-open .cover-note,.is-open .cover-action,.is-open .cover-label{display:none}.is-open #scene{opacity:.14;transition:opacity .8s}.no-webgl #scene:after{content:"✧\A 魔法变身\A ♡\A MY MAGIC JOURNAL";white-space:pre;display:grid;place-content:center;position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-6deg);width:260px;height:360px;background:#e7adca;border:7px double #fce4ef;border-radius:15px;box-shadow:15px 20px 40px #9b5a8138;text-align:center;font:28px/2.3 serif}@keyframes reveal{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:1100px){.cover-note{left:4%}.cover-label{right:4%}.cover-note h1{font-size:27px}.cover-note .eyebrow{font-size:8px}.left-page{padding:25px 20px}.collection-seal{display:none}.journal{inset-inline:3%}.right-page{padding-inline:26px 20px}.photo-grid{gap:22px 12px}}
@media(max-width:760px){.masthead{padding:19px 20px}.brand{font-size:19px;gap:8px}.brand small{font-size:7px;letter-spacing:1px}.brand-icon{width:33px;height:33px}.edition{display:none}.quiet{font-size:11px;padding:9px 12px}.cover-note{top:auto;bottom:26%;left:23px}.cover-note h1{font-size:20px;line-height:1.6;margin:0}.cover-note p,.cover-note .eyebrow,.handwriting{display:none}.cover-label{top:auto;bottom:27%;right:23px}.cover-label>span{font-size:25px}.cover-label p{font-size:12px;margin:6px 0}.cover-label small{display:none}.cover-action{bottom:13.5%;gap:10px}.cover-action button{padding:15px 27px;font-size:13px}.cover-action>span{font-size:9px}.hub-nav{left:12px;right:12px;bottom:12px;justify-content:center}.hub-nav a{padding:9px 13px;font-size:11px}.journal{inset:91px 17px 81px;display:flex;flex-direction:column;box-shadow:0 18px 40px #80466b20,0 0 0 6px #c989a5}.left-page{display:block;flex-shrink:0;padding:12px 14px 0;background:none}.left-page>*:not(label):not(select){display:none}.left-page label{display:inline;font-size:10px;margin-right:6px}.left-page select{max-width:62%;padding:7px;font-size:11px}.binding{display:none}.right-page{padding:12px 14px 9px;border:0;flex:1}.page-heading .eyebrow{font-size:7px;letter-spacing:1px}.page-heading h2{font-size:21px;margin:6px 0 10px}.heart-seal{font-size:28px}.heart-seal small{font-size:7px}.filters{gap:6px;padding:9px 0}.filters select{max-width:107px;font-size:10px;padding:6px}.filters label{font-size:8px}.filters .search{flex-basis:100%;gap:3px;flex-direction:row;align-items:center;white-space:nowrap}.search input{padding:7px;font-size:11px}.result-note{font-size:8px;padding:10px 0}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 12px}.photo-card{padding:5px}.photo-card strong{font-size:11px}.photo-card small{font-size:8px}.content-scroll{padding:8px 2px 14px}.pagination{font-size:9px}.pagination button{font-size:10px;padding:7px}.viewer-foot{flex-wrap:wrap}#viewerImage{height:58dvh}.viewer-top{font-size:11px}}
/* Warm baby-pink palette: cream light, peach shadows, no violet cast. */
:root{color:#895a54;background:#fff0ed}body{background:radial-gradient(ellipse at 30% 20%,#fffdf6,transparent 65%),radial-gradient(ellipse at 90% 90%,#ffdcd5,transparent 65%),#fff0ed}.brand-icon{border-color:#e4b2a7}.edition,.eyebrow{color:#b88e82}.quiet{background:#fffaf4b0;border-color:#f0c9bd}.cover-note p,.handwriting,.cover-action>span{color:#b58a80}.cover-label>span{color:#e9a99d}.cover-label small{color:#b98b80}.cover-action button{background:linear-gradient(135deg,#ebaaa5,#f7c6ba);color:#784941;border-color:#fff7ee;box-shadow:0 8px 24px #c6846230}.hub-nav{background:#fffaf5ed;border-color:#f0cec2;box-shadow:0 5px 20px #a77a5416}.hub-nav .active{background:#e8a99f;color:#673c34}.journal{background:#fffcf8;box-shadow:0 25px 55px #ae795928,0 0 0 8px #efbfb1}.journal:after{background:repeating-linear-gradient(#edd7c9 0 1px,#fffaf4 1px 3px)}.left-page,.right-page{background:none}.right-page{border-left-color:#efdace}.collection-seal{color:#c38e7e;border-color:#dfb4a4}.aside-copy,.left-page footer{color:#b28b7b}.concert-list button{border-color:#eddace}.concert-list button.active{background:#ffe7df;color:#9b6154}.binding i{border-color:#d7b5a5;border-right-color:#fff3e5;border-bottom-color:#b99580;box-shadow:0 2px 3px #956a4826}.heart-seal{color:#e2a495}.filters{border-color:#efd9cc}.filters label,.result-note{color:#ae8c7b}select,input{background:#fffbf6;border-color:#efdbce}.photo-card{border-color:#f0e0d5;box-shadow:0 3px 9px #986b4912}.photo-card:before{background:#f6c4b78c}.photo-card img{background:#fff6ef}.photo-card small{color:#b38c79}.content-scroll{scrollbar-color:#eac0ac transparent}.pagination{border-color:#efddd0}.pagination button{background:#ffebe0}dialog{background:#fffaf5;color:#895a54;border-color:#efd2c2;box-shadow:0 25px 90px #76523e50}dialog::backdrop{background:#694c3ea6}#viewerImage{background:#fff1e6}.viewer-foot button{background:#e5a59a;color:#673c34}dialog>small{color:#b28a78}.image-error{background:#ffebe0!important}.no-webgl #scene:after{content:"♡\A │\A │\A ✧";background:none;border:0;box-shadow:none;color:#eaa79e;font:70px/.9 Georgia;width:auto;height:auto;transform:translate(-50%,-50%) rotate(15deg)}
@media(max-width:760px){.journal{box-shadow:0 18px 40px #ae795920,0 0 0 6px #efbfb1}}
/* Reference P2: rose-pink palette and a full-height, document-scrolling album. */
:root{--pink-1:#FFE0E9;--pink-2:#FFC2D4;--pink-3:#FF9EBB;--pink-4:#FF7AA2;color:#794958;background:var(--pink-1)}body{background:radial-gradient(ellipse at 25% 15%,#fff9fb,transparent 65%),linear-gradient(135deg,var(--pink-1),var(--pink-2));background-attachment:fixed}.brand-icon{border-color:var(--pink-3)}.edition,.eyebrow,.cover-action>span{color:#a96b80}.quiet{background:#fff7fac9;border-color:var(--pink-2)}.cover-action button{background:linear-gradient(135deg,var(--pink-3),var(--pink-2));color:#713445;border-color:#fff5f9;box-shadow:0 8px 24px #d4789630}.hub-nav{background:#fff8fbed;border-color:var(--pink-2);box-shadow:0 5px 20px #b85c7b16}.hub-nav .active{background:var(--pink-4);color:#622337}.journal{position:relative;inset:auto;width:90%;margin:18px auto 104px;min-height:620px;background:#fffafb;box-shadow:0 25px 55px #bd708928,0 0 0 8px var(--pink-2);align-items:start}.journal:after{background:repeating-linear-gradient(#f1ccd7 0 1px,#fff8fb 1px 3px)}.left-page{position:sticky;top:20px;max-height:calc(100dvh - 110px);min-height:520px}.right-page{border-left-color:var(--pink-1)}.collection-seal{color:#cc7c98;border-color:var(--pink-3)}.aside-copy,.left-page footer{color:#aa7687}.concert-list button{border-color:var(--pink-1)}.concert-list button.active{background:var(--pink-1);color:#a34d6b}.binding{bottom:auto;height:470px}.binding i{border-color:#d4a4b5;border-right-color:#fff0f5;border-bottom-color:#b47e92}.heart-seal{color:var(--pink-4)}.filters{border-color:var(--pink-2)}.filters label,.result-note{color:#a67084}select,input{background:#fff7fa;border-color:var(--pink-1)}.photo-card{border-color:var(--pink-1);box-shadow:0 3px 9px #ae6b8312}.photo-card:before{background:#ffc2d49c}.photo-card img{height:auto;aspect-ratio:auto;object-fit:contain;background:#fff6fa}.photo-card strong{white-space:normal;overflow:visible;line-height:1.65}.photo-card small{color:#aa7185}.photo-card .credit{white-space:normal;overflow:visible}.content-scroll{overflow:visible;flex:none;min-height:0;padding-bottom:25px}.photo-grid{align-items:start}.pagination{border-color:var(--pink-1);margin-top:16px;padding-bottom:12px}.pagination button{background:var(--pink-1)}dialog{background:#fff8fb;color:#794958;border-color:var(--pink-2)}dialog::backdrop{background:#69404fa6}#viewerImage{background:#fff0f6}.viewer-foot button{background:var(--pink-4);color:#622337}dialog>small{color:#aa7185}.image-error{background:var(--pink-1)!important}.no-webgl #scene:after{color:var(--pink-3)}
@media(max-width:760px){.journal{inset:auto;width:calc(100% - 34px);margin:12px auto 96px;min-height:0;box-shadow:0 18px 40px #bd708920,0 0 0 6px var(--pink-2)}.left-page{position:static;min-height:0;max-height:none}.right-page{flex:none}.content-scroll{overflow:visible}.photo-card img{height:auto;aspect-ratio:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.mobile-concert{display:none!important}.look-tags{display:flex;flex-wrap:wrap;gap:5px;margin:10px 3px 6px}.look-tag{display:inline-flex;align-items:center;max-width:100%;padding:4px 8px;border:1px solid var(--pink-2);border-radius:999px;background:var(--pink-1);color:#984864;font-size:10px;line-height:1.2;overflow-wrap:anywhere}.photo-card small:first-of-type{margin-top:6px}
.header-tools{display:flex;align-items:center;gap:8px}.music-button[aria-pressed=true]{background:var(--pink-4);border-color:var(--pink-4);color:#fff}.music-button[aria-pressed=true]{animation:music-sway 2s ease-in-out infinite}@keyframes music-sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@media(max-width:760px){.left-page{display:none}.right-page{width:100%}.mobile-concert{display:flex!important}.filters .mobile-concert,.filters .stage-filter{flex:1 1 calc(50% - 3px);min-width:0}.filters .mobile-concert select,.filters .stage-filter select{width:100%;max-width:none}.look-tags{gap:4px;margin:8px 2px 5px}.look-tag{padding:3px 6px;font-size:8px}.header-tools{gap:5px}.music-button span{display:none}.music-button{padding-inline:11px}}