:root{--ink:#624A35;--muted:#A18C70;--green:#EFB940;--line:#F0E5CC;--bg:#FFFCF4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;border-right:1px solid var(--line);background:#FFF5D9;padding:35px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:34px;font-weight:650;letter-spacing:-2px;padding:0 10px}.logo{background:var(--green);color:#fff;width:36px;height:39px;border-radius:11px;display:grid;place-items:center;font-family:Georgia;font-style:italic;font-size:40px;line-height:1}.brandcn{font-size:13px;font-weight:400;letter-spacing:2px;margin:8px 0 0 5px;color:#788275}.workspace{display:flex;align-items:center;gap:10px;background:#FFEEC0;border:1px solid #F2DEA5;border-radius:8px;padding:14px 10px;margin:40px 0 30px;font-size:12px;font-weight:600}.workspace small{display:block;font-size:7px;letter-spacing:.5px;margin-top:6px;color:#B09A6E}.avatar{display:grid;place-items:center;width:30px;height:30px;background:#FFE09A;border-radius:50%;color:#8B6836;font-family:Georgia}.lock{margin-left:auto;color:#B69A60}.navlabel{font-size:10px;color:#B09B7A;margin:0 14px 12px;letter-spacing:2px}nav{display:grid;gap:5px}nav button{display:flex;align-items:center;text-align:left;gap:13px;width:100%;padding:13px 15px;font-size:13px;border-radius:6px;color:#A18C70}nav button.active{background:#FFE5A0;color:#805C29;font-weight:600}nav span{font-size:20px;width:20px}nav b{margin-left:auto;font-size:10px;background:#F8D478;padding:3px 7px;border-radius:5px}.sidebottom{margin-top:auto}.private{display:flex;gap:9px;border-top:1px solid #EEDDAF;padding-top:23px;font-size:10px;color:#A38B60}.private>span{font-size:22px}.private small{display:block;color:#B5A17E;margin-top:7px}.logout{font-size:11px;color:#A38B60;margin:25px 0 20px}.edition{font-size:7px;letter-spacing:1px;color:#C2AF88}.shell{margin-left:230px}header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 44px;background:#fff9}.crumb{font-size:12px;color:#AE9A78}.crumb span{margin:0 16px;color:#D6C8AE}.crumb strong{font-weight:500;color:#8B704C}.topright{display:flex;align-items:center;gap:9px;color:#9F875F;font-size:11px}.small{margin-left:18px;width:30px;height:30px}.statusdot,i{display:inline-block;width:5px;height:5px;background:#DCA73D;border-radius:50%}main{max-width:1400px;margin:auto;padding:42px 44px 20px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.eyebrow{font-size:9px;letter-spacing:2px;color:#B09A6E}.heading h1{font-size:31px;letter-spacing:1px;font-weight:500;margin:13px 0 10px}.heading p{color:#AA9472;font-size:12px;margin:0}.primary{background:var(--green);color:white;padding:13px 21px;border-radius:6px;font-size:12px;box-shadow:0 3px 8px #30402c15}.primary:hover{background:#E4AA28}.primary span{font-size:18px;margin-right:7px}.hero{height:278px;border:1px solid #F0DDA5;border-radius:12px;background:#FFF0BA;display:flex;justify-content:space-between;padding:29px 35px;overflow:hidden;position:relative}.pill{border:1px solid #EED58A;border-radius:20px;font-size:9px;letter-spacing:1px;color:#9B782F;padding:6px 10px;display:inline-block}.hero h2{font-family:Georgia,"Songti SC",serif;font-size:30px;font-weight:500;line-height:1.4;letter-spacing:2px;margin:15px 0 11px}.hero p{font-size:11px;color:#AB8C50;line-height:1.9;margin:0}.textbutton{font-size:10px;margin-top:15px;padding:0;color:#916D2C}.textbutton span{margin-left:14px}.heroart{width:370px;position:relative}.orbit{position:absolute;border:1px solid #dae3cf;border-radius:50%;height:340px;width:340px;left:13px;top:-55px}.o2{width:430px;height:430px;left:-32px;top:-100px}.artcard{position:absolute;border:6px solid #fff9;border-radius:9px;box-shadow:10px 18px 24px #45603715;overflow:hidden}.back{width:179px;height:191px;background:linear-gradient(#cbd8bf,#e2e9d7);left:35px;top:4px;transform:rotate(-12deg)}.sun{width:35px;height:35px;background:#f4efd5;border-radius:50%;position:absolute;top:25px;right:25px}.mount{position:absolute;width:200px;height:130px;border-radius:50% 50% 0 0;bottom:-25px;background:#91a582;transform:rotate(40deg)}.m2{left:60px;bottom:-45px;background:#6d8661}.front{left:151px;top:64px;width:158px;height:139px;background:linear-gradient(150deg,#c3cdb2,#78906d);transform:rotate(11deg);display:grid;place-items:center}.play{z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:white;background:#ffffff38;font-size:24px;padding-left:3px;border:1px solid #fff6}.artlines{position:absolute;inset:50px -30px -80px;background:#647e5f;border-radius:50%;transform:rotate(-22deg)}.floatbadge{position:absolute;top:177px;left:38px;background:#fff;border:1px solid #dfe7d8;border-radius:6px;padding:11px 13px;color:#73906a;font-size:13px;box-shadow:0 6px 15px #5261460a}.floatbadge span{font-size:10px;margin-left:5px}.artcaption{position:absolute;bottom:-13px;right:5px;font-size:7px;letter-spacing:1.7px;color:#97a88a}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:10px;background:white;margin:22px 0 35px;padding:23px 0}.stats>div{padding:0 25px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.statlabel{display:flex;justify-content:space-between;color:#AE9878;font-size:11px}.statlabel>span{font-size:18px;color:#C0A67A}.stats strong{display:block;font-size:27px;font-weight:500;margin:12px 0}.stats strong small{font-size:13px;color:#A48C65;margin-left:3px}.statnote{color:#B19D7C;font-size:9px}.green{color:#B38B3D}.libraryhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.library h2{font-weight:500;font-size:17px;margin:0}.library h2 span{font-size:10px;border:1px solid #F0DDA5;background:#FFF1C7;padding:3px 7px;border-radius:5px;color:#A88B4D;margin-left:7px}.libraryhead p{font-size:10px;color:#B09A76;margin:9px 0 0}.tools{display:flex;gap:9px}.tools input,.tools select{border:1px solid #ECDFC0;background:#fff;padding:10px 12px;border-radius:6px;color:#9F8862;font-size:11px}.tools input{width:190px}.tools input::placeholder{color:#BEAC8D}.drop{border:1px dashed #E6C777;border-radius:8px;padding:21px;display:flex;align-items:center;gap:17px;background:#FFF6DA88;cursor:pointer}.drop:hover,.drop.drag{background:#FFF1C6;border-color:#D5A74A}.uploadicon{width:43px;height:43px;background:#FFEAB1;border:1px solid #F2D58F;border-radius:9px;display:grid;place-items:center;font-size:27px;color:#A88135}.drop strong{font-size:11px;font-weight:500}.drop p{font-size:10px;color:#BCA888;margin:7px 0 0}.drop p span{color:#A78031}.dropnote{margin-left:auto;color:#B49B6E;font-size:9px}.empty{text-align:center;padding:47px 15px;color:#B09B77}.empty>span{font-size:34px;color:#D2BC8D}.empty h3{font-size:13px;font-weight:500;color:#A68A59;margin:14px 0 10px}.empty p{font-size:10px}.empty button{color:#A77A2C;font-size:11px;margin-top:10px}.files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:20px}.filecard{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.thumb{height:155px;background:linear-gradient(135deg,#F5EACF,#FFF0C4);display:grid;place-items:center;position:relative;cursor:pointer}.thumb img{width:100%;height:100%;object-fit:cover;position:absolute}.thumb span{font-size:40px;color:#C1A261}.filebody{padding:14px}.filename{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500}.filemeta{display:flex;justify-content:space-between;color:#B8A17C;font-size:10px;margin-top:9px}.fileactions{border-top:1px solid #F5EACF;margin-top:12px;padding-top:10px;display:flex;gap:12px;font-size:11px;align-items:center}.download{color:#A07424}.fileactions button{margin-left:auto;color:#B29B74;font-size:16px}.badge{font-size:9px;color:#A27B2D;background:#FFF5D9;padding:3px 6px;border-radius:4px}.queue:empty{display:none}.task{margin-top:10px;padding:13px;border:1px solid var(--line);background:white;border-radius:6px;font-size:11px}.tasktop{display:flex;justify-content:space-between;gap:12px}.tasktop span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task progress{width:100%;height:4px;accent-color:#759963;margin-top:10px}.task button{color:#708a60;font-size:10px}.task.error{color:#ac6058}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:20px;font-size:8px;color:#B8A686;letter-spacing:.4px}footer i{margin-right:6px}footer b{font-size:17px;margin-left:12px;font-weight:500;color:#AB8A4D}dialog{border:1px solid #dce4d3;border-radius:14px;box-shadow:0 25px 100px #283b2930;color:var(--ink);max-width:calc(100vw - 30px)}dialog::backdrop{background:#27312766;backdrop-filter:blur(7px)}#login{width:430px;padding:38px}#loginform{display:flex;flex-direction:column}.loginlogo{font-size:38px;font-weight:600;letter-spacing:-2px;color:#4e7057;margin-bottom:24px}.loginlogo span{font-size:12px;letter-spacing:3px;margin-left:13px;font-weight:400}#login h2{font-weight:500;font-size:22px;margin:15px 0 0}#login p{font-size:12px;color:#919a88;line-height:1.8}#login label{font-size:11px;margin:20px 0 9px}#password{border:1px solid #d9e1d1;background:#f8faf5;padding:13px;border-radius:6px;width:100%}#login small{text-align:center;font-size:9px;color:#a3ad98;margin-top:23px}.err{color:#af6256!important;min-height:19px}#preview{width:860px;padding:18px;background:#FFFCF4}.modalhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:20px}.modalhead strong{word-break:break-all;font-size:13px}.modalhead button,.close{font-size:27px;color:#8c9980}#previewbody img,#previewbody video{max-width:100%;max-height:65vh;display:block;margin:auto}#previewbody{background:#FFF0C5;min-height:180px;display:grid;place-items:center;padding:14px;border-radius:8px}#previewbody p{font-size:12px;color:#AF9364}#details{font-size:11px;line-height:1.9;color:#A48B60;padding:15px 0 0;overflow-wrap:anywhere}#details button{color:#EFB940;margin-left:10px}#info{width:490px;padding:35px}#info h2{font-weight:500}#info p{font-size:13px;color:#A48B60;line-height:1.9}.close{float:right}#confirm{padding:30px}#confirm h2{font-size:18px;font-weight:500}#confirm p{color:#919a88;font-size:12px}#confirm>div{display:flex;gap:15px;justify-content:flex-end;margin-top:25px}#confirm button{padding:10px 16px;background:#FFF1C7;border-radius:6px;font-size:12px}#confirm .danger{background:#a66859;color:#fff}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:14px 23px;border-radius:8px;background:#806031;color:white;font-size:12px;box-shadow:0 8px 25px #0002;display:none;z-index:1000}button:disabled{opacity:.5;cursor:wait}@media(min-width:1500px){main{padding-top:50px}.hero{height:310px}.heroart{margin-right:60px}.files{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1050px){.sidebar{width:190px;padding:30px 14px}.shell{margin-left:190px}main{padding:30px 25px}header{padding:0 25px}.hero{padding:25px}.heroart{width:280px;transform:scale(.9);transform-origin:center right}.stats>div{padding:0 17px}.dropnote{display:none}.files{grid-template-columns:repeat(2,minmax(0,1fr))}.tools input{width:145px}}@media(max-width:730px){.sidebar{position:relative;width:100%;height:auto;padding:16px 20px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:28px;padding:0}.logo{width:29px;height:31px;font-size:32px}.brandcn{display:none}.workspace,.navlabel,.sidebottom{display:none}nav{display:flex;margin-left:auto;gap:0}nav button{padding:8px;font-size:11px;gap:5px}nav span{font-size:15px;width:auto}nav b{display:none}.shell{margin:0}header{height:56px;padding:0 20px}.small{margin-left:4px}.topright{font-size:10px}main{padding:26px 20px}.eyebrow{font-size:7px;letter-spacing:1.2px}.heading h1{font-size:25px}.heading p{font-size:10px}.primary{padding:11px 12px;font-size:11px}.hero{height:245px;padding:24px 20px}.hero h2{font-size:27px}.heroart{position:absolute;right:-70px;top:25px;height:210px;width:300px;transform:scale(.75);opacity:.75}.hero>div:first-child{position:relative;z-index:1}.hero p{max-width:190px;font-size:10px}.pill{font-size:8px}.stats{padding:18px 0;margin-bottom:28px}.stats>div{padding:0 12px}.statlabel{font-size:9px}.stats strong{font-size:23px}.stats strong small{font-size:10px}.statnote{font-size:8px;line-height:1.6;display:block}.statlabel>span{display:none}.libraryhead{display:block}.tools{margin-top:16px}.tools input{flex:1;min-width:0}.drop{padding:17px 12px;gap:10px}.drop strong{font-size:10px}.uploadicon{width:34px;height:36px;flex-shrink:0}.drop p{font-size:9px}.files{gap:10px}.thumb{height:125px}.filebody{padding:10px}.filemeta{font-size:8px}.filename{font-size:11px}.fileactions{gap:5px;font-size:10px}.badge{font-size:8px}footer>span:last-child{display:none}.heading{gap:15px}#login{padding:28px}.empty{padding:36px 10px}}@media(prefers-reduced-motion:no-preference){.filecard{animation:appear .3s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media(max-width:730px){.sidebar{gap:12px}nav button{white-space:nowrap;font-size:10px;padding:8px 7px}nav{flex-shrink:0}}
.installapp{border:1px solid #E9D49D;border-radius:6px;padding:7px 10px;background:#FFF3CF;color:#9A722A;font-size:11px;white-space:nowrap}.installapp[hidden],#nativeinstall[hidden]{display:none}#installhelp{width:450px;padding:32px}#installhelp h2{font-size:24px;font-weight:500}#installhelp p,#installhelp li{font-size:13px;line-height:1.9;color:#A48B60}#installhelp ol{padding-left:22px;margin:20px 0}#installhelp li{padding-left:5px;margin:10px 0}.installnote{padding:14px;background:#FFF3CF;border-radius:8px}#nativeinstall{margin-top:12px;width:100%}@media(display-mode:standalone){header{padding-top:env(safe-area-inset-top);height:calc(80px + env(safe-area-inset-top))}main{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.sidebar{padding-top:calc(35px + env(safe-area-inset-top))}}@media(max-width:730px){.topright{gap:6px}.installapp{font-size:10px;padding:7px 8px}.topright>.statusdot{display:none}.sidebar{padding-top:calc(16px + env(safe-area-inset-top))}header{height:56px;padding-top:0}.crumb span{margin:0 8px}#installhelp{padding:25px}}
/* 序记 · 奶油黄与小黄的成长小屋 */
:root{--ink:#624a35;--muted:#a18c70;--green:#e8b643;--line:#f0e5cc;--bg:#fffcf4}body{background:#fffcf4}.sidebar{background:#fff7e1;border-color:#f0e3bf}.brand{gap:9px;letter-spacing:2px;font-size:29px;padding:0 4px;font-weight:750}.brandpet{width:53px;height:53px;border-radius:18px;transform:rotate(-7deg);box-shadow:0 3px 0 #e9c975}.brand>span>small{display:block;font-size:9px;font-weight:400;letter-spacing:1.5px;color:#ad9264;margin-top:6px}.workspace{border-radius:17px;background:#fff0c5;margin-top:33px;padding:16px 11px;font-size:11px}.workspace small{font-size:6.5px;letter-spacing:.7px}.avatar{background:#ffe8a8;color:#a17432;font-size:15px}.navlabel{font-size:10px}nav{gap:7px}nav button{border-radius:14px;padding:14px 15px}nav button.active{background:#ffe39a;color:#805c29;box-shadow:0 3px 0 #f0d187}nav b{border-radius:9px}.edition{font-size:8px;letter-spacing:.2px;line-height:2}.private{font-size:10px;line-height:1.7}.heading h1{font-size:29px;font-weight:700;letter-spacing:1px}.heading p{font-size:12px}.eyebrow{color:#ba9757;letter-spacing:2px}.primary{background:#f5c64f;color:#76501f;border:1px solid #edbc44;border-radius:16px;box-shadow:0 4px 0 #dfac36;font-weight:650;padding:13px 22px}.primary:hover{background:#ffd775}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #dfac36}.hero{height:300px;border-radius:25px;background:#fff0ba;border:1px solid #f2d98d;padding:30px 35px;background-image:radial-gradient(#e7be5d22 1.2px,transparent 1.2px);background-size:16px 16px}.hero>div:first-child{z-index:2;position:relative}.hero h2{font-family:inherit;font-weight:700;font-size:29px;line-height:1.55;letter-spacing:1px;margin:16px 0 10px}.hero p{color:#a18a55;line-height:1.9;font-size:11px}.pill{background:#fff9e8;border-color:#f1daa4;color:#b18b46;font-size:10px;letter-spacing:.5px;padding:7px 12px}.textbutton{color:#ac7d2c;background:#fff7df;border:1px solid #edd38a;padding:8px 12px;border-radius:10px;font-size:10px;margin-top:16px}.heroart{width:420px;height:265px;margin:0;align-self:center;position:relative}.heroart>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.petbubble{position:absolute;top:2px;right:44px;background:#fffdf4;color:#b58c4b;border-radius:14px 14px 14px 3px;font-size:10px;padding:9px 12px;transform:rotate(4deg);z-index:1;box-shadow:0 2px 0 #edd48d}.petsticker{position:absolute;bottom:1px;right:12px;font-size:9px;background:#fff9e9;border:1px dashed #e1bb67;border-radius:8px;padding:7px 10px;color:#b18d4b;transform:rotate(-5deg)}.stats{border-radius:20px;background:#fffefa;margin-top:23px;border-color:#efe3c7}.stats strong{font-weight:600}.statlabel{font-size:11px}.stats>div{border-color:#f3e9d1}.libraryhead h2{font-size:18px;font-weight:650}.library h2 span{border-radius:8px}.tools input,.tools select{border-radius:11px;background:#fffefa}.drop{border-radius:18px;border:1.5px dashed #e7ca85;background:#fff7e3;padding:22px}.uploadicon{background:#ffebaf;border-color:#f0d48b;border-radius:14px;color:#a2772d}.drop strong{font-size:12px}.drop:hover,.drop.drag{background:#fff0c0;border-color:#d9ac4e}.empty{padding:38px 15px 43px}.empty>img{width:62px;height:62px;border-radius:21px;transform:rotate(-8deg);border:3px solid #fff8e5;box-shadow:0 3px 0 #f0deae}.empty h3{font-size:13px;color:#a38959;margin-top:18px}.empty p{font-size:11px;color:#b4a07c}.empty button{background:#fff0c4;border:1px solid #efdcaa;color:#9d782f;border-radius:11px;padding:10px 15px;font-size:11px}.filecard{border-radius:18px;background:#fffefa}.thumb{background:linear-gradient(135deg,#fff5d5,#fae6b0)}.badge{border-radius:6px}.queue .task{border-radius:12px;background:#fffefa}.task progress{accent-color:#e2b444}.installapp{background:#fff2c7;border-color:#efd99c;color:#9b752f;border-radius:10px}.statusdot,i{background:#deb44d}header{background:#fffdf6}.loginlogo{display:flex;align-items:center;gap:12px;font-size:32px;font-weight:700;letter-spacing:2px;color:#7a5731}.loginlogo>img{width:66px;height:66px;border-radius:23px;transform:rotate(-7deg)}.loginlogo span{font-size:9px;letter-spacing:1px;margin:0;font-weight:400;max-width:60px;line-height:1.8;color:#b49a6a}#login,#preview,#info,#confirm,#installhelp{background:#fffdf5;border:1px solid #ecdcb5;border-radius:25px;box-shadow:0 25px 100px #70502730}dialog::backdrop{background:#66533755}#login h2{font-size:22px;font-weight:650;color:#765737}#login p{color:#ad966f}#login label{color:#a1865c}#password{background:#fff7e3;border-color:#ead7a8;border-radius:12px}#login .primary{margin-top:2px}#login small{color:#b6a17d}.installnote{background:#fff2cd;border-radius:14px}#installhelp h2{font-weight:650}#installhelp p,#installhelp li{color:#a38a60}.close,.modalhead button{color:#b49a6a}#previewbody{background:#fff3d1;border-radius:14px}#details{color:#a08658}#details button,.download{color:#a5782b}#confirm .danger{background:#ca8d71}footer{border-color:#f0e3c6;font-size:9px;color:#b7a27b}footer b{color:#b89754;font-weight:600;font-size:16px;letter-spacing:2px}#toast{background:#99773e;border-radius:13px}
@media(min-width:1500px){.hero{height:320px}.heroart{width:455px;height:285px}}@media(max-width:1050px) and (min-width:731px){.brand{font-size:25px;gap:8px}.brandpet{width:44px;height:44px}.brand>span>small{font-size:7px}.heroart{width:320px;transform:none;flex-shrink:0}.hero{padding:27px}.hero h2{font-size:25px}.hero p{font-size:10px}.heroart .petbubble{right:15px;font-size:8px}.heroart .petsticker{font-size:8px}.heading h1{font-size:25px}.workspace{padding:12px 8px;font-size:10px}.workspace small{font-size:5.5px}}
@media(max-width:730px){.sidebar{background:#fff7e1;padding:14px 18px;gap:10px}.brand{font-size:23px;letter-spacing:1px;gap:7px}.brandpet{width:38px;height:38px;border-radius:13px}.brand>span>small{display:none}nav button{border-radius:10px;padding:8px 6px;font-size:10px;gap:4px}nav span{font-size:13px}nav button.active{box-shadow:0 2px 0 #f0d187}.heading{align-items:flex-start;gap:9px;margin-bottom:22px}.heading h1{font-size:23px;letter-spacing:0;line-height:1.5;margin:10px 0 8px}.heading p{font-size:10px;line-height:1.9;max-width:220px}.heading .primary{font-size:10px;padding:10px 11px;white-space:nowrap;margin-top:26px;border-radius:12px}.heading .primary span{margin-right:2px;font-size:14px}.eyebrow{font-size:7px;letter-spacing:1.4px}.hero{height:371px;padding:22px;border-radius:23px}.hero h2{font-size:25px;margin:12px 0 8px}.hero p{max-width:none;font-size:10px}.hero .textbutton{margin-top:11px;font-size:9px}.heroart{width:270px;height:197px;position:absolute;right:-7px;top:auto;bottom:-3px;transform:none;opacity:1;z-index:0}.heroart .petbubble{right:19px;top:6px;font-size:8px;padding:7px 9px}.heroart .petsticker{display:none}.hero>div:first-child{pointer-events:none}.hero>div:first-child>button{pointer-events:auto}.stats{margin-top:17px;border-radius:18px;padding:18px 0}.stats>div{padding:0 11px}.statlabel{font-size:9px}.statnote{font-size:8px}.stats strong{font-size:22px;margin:12px 0 9px}.drop{border-radius:15px;padding:18px 12px}.drop strong{font-size:10px}.drop p{font-size:9px}.tools input,.tools select{border-radius:10px}.files{gap:12px}.filecard{border-radius:16px}.empty>img{width:58px;height:58px}.empty h3{font-size:12px}.empty p{font-size:10px}.topright{font-size:0}.topright .avatar{font-size:13px}.installapp{font-size:10px}.crumb{font-size:11px}.crumb span{margin:0 8px}.hero .pill{font-size:9px}main{padding-left:18px;padding-right:18px}header{padding-left:18px;padding-right:18px}footer{font-size:8px}.loginlogo{font-size:29px}.loginlogo>img{width:58px;height:58px}#login h2{font-size:21px}}
@media(display-mode:standalone) and (max-width:730px){.sidebar{padding-top:calc(14px + env(safe-area-inset-top))}}
@media(max-width:730px){.heading{display:block}.heading h1{font-size:23px}.heading p{max-width:none}.heading .primary{margin-top:16px;width:100%;font-size:12px;padding:12px}.hero{height:371px}.workspace small{letter-spacing:.2px}}
/* 相册：完整照片、时间轴与沉浸预览 */
#files.files{display:block;margin-top:25px}.daygroup{margin-bottom:28px}.dayheading{font-size:15px;font-weight:600;color:#927140;display:flex;align-items:center;gap:15px;margin:22px 0 14px}.dayheading small{font-size:10px;font-weight:400;color:#b7a17d}.daygrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.filecard{min-width:0}.thumb{width:100%;height:auto;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:7px;background:#fff7e3}.thumb img{position:static;width:100%;height:100%;object-fit:contain;border-radius:9px;display:block}.videobadge{position:absolute;bottom:12px;left:12px;background:#624a35b8;color:white!important;font-size:10px!important;padding:5px 8px;border-radius:7px}.mediafallback{font-size:15px!important;color:#bb9a5c!important}.albumactions{padding:8px 12px;display:flex;justify-content:space-between;align-items:center;color:#b19a75;font-size:10px}.albumactions a{font-size:17px}.uploadoptions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px;font-size:10px;color:#af966b;flex-wrap:wrap}.uploadoptions label{display:flex;align-items:center;gap:9px}.uploadoptions select{font-size:10px;border:1px solid #ecdbb4;border-radius:9px;padding:8px;background:#fffdf5;color:#a17f43;max-width:245px}.tools{align-items:center;flex-wrap:wrap}.datefilter{display:flex;align-items:center;gap:7px;font-size:10px;color:#ad9162}.datefilter input{width:145px!important}.tools #cleardate{font-size:10px;color:#a17f43;border:1px solid #ead7a9;background:#fff6dd;border-radius:10px;padding:9px}.tools select{max-width:110px}#preview{width:calc(100vw - 24px);max-width:1200px;padding:18px;max-height:calc(100dvh - 24px);overflow:auto}.modalhead{position:relative;align-items:center;margin-bottom:12px}.modalhead strong{font-size:12px}.viewertools{display:flex;align-items:center;gap:14px;margin-left:auto;font-size:11px}.viewertools button{font-size:11px;color:#a17f43}.viewertools button[hidden]{display:none}.viewerarea{position:relative}#previewbody{height:min(72dvh,850px);min-height:200px;overflow:auto;display:flex;align-items:center;justify-content:center;padding:8px;background:#fff5d9}#previewbody img,#previewbody video{width:100%;height:100%;max-height:100%;max-width:100%;object-fit:contain;margin:auto}#previewbody.zoomed{display:block}#previewbody.zoomed img{max-width:none;max-height:none;width:200%;height:auto;cursor:zoom-out}.viewerarrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border-radius:50%;background:#fffdf2e8;box-shadow:0 2px 8px #68512a20;width:38px;height:38px;font-size:30px;color:#a17b38}.viewerarrow.left{left:12px}.viewerarrow.right{right:12px}.viewerarrow:disabled{display:none}#details{text-align:center;font-size:10px;padding-top:12px}.viewerloading{font-size:12px;color:#a48753}#viewerdelete{color:#b17b67}.modalhead>#closepreview{font-size:26px;padding:0 4px}@media(max-width:1100px){.daygrid{grid-template-columns:repeat(3,minmax(0,1fr))}.libraryhead{gap:20px}.tools{justify-content:flex-end}.tools input{flex:none}.libraryhead p{line-height:1.7}}@media(max-width:730px){.daygrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.thumb{height:auto;padding:5px}.tools{justify-content:flex-start;gap:7px}.datefilter input{width:142px!important;min-height:36px}.tools select{font-size:10px;padding:10px 8px}.uploadoptions{font-size:9px;gap:8px}.uploadoptions select{font-size:9px}.uploadoptions>span{line-height:1.8}.dayheading{font-size:14px}.dayheading small{font-size:9px}.albumactions{padding:7px 10px}.viewertools{gap:11px;font-size:10px}.viewertools button{font-size:10px}#preview{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0;border:0;padding:calc(12px + env(safe-area-inset-top)) 10px calc(12px + env(safe-area-inset-bottom));margin:0}#previewbody{height:calc(100dvh - 155px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.modalhead{gap:8px;flex-wrap:wrap}.modalhead strong{font-size:11px;flex:1;min-width:150px}.viewertools{gap:12px}.viewerarrow{width:29px;height:29px;font-size:24px}.viewerarrow.left{left:6px}.viewerarrow.right{right:6px}.files .filecard .thumb>img{object-fit:contain}.libraryhead p{font-size:10px}}

#viewerlite[hidden]{display:none}@media(max-width:730px){.viewertools{flex-wrap:wrap;gap:9px}.modalhead strong{min-width:130px}}