@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#f7f3ff;font-synthesis:none;background:#090a19;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}button,input,a{font:inherit}button{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.os-shell{background:#090a19;min-height:100vh;position:relative;overflow:hidden}.wallpaper-layer{filter:saturate(.92)contrast(1.04);background:linear-gradient(#08071914,#08081b57),url(/assets/star-lab-wallpaper.png) 50%/cover no-repeat;position:fixed;inset:-16px;transform:scale(1.03);box-shadow:inset 0 0 180px #03041280}.top-bar{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0706149e;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:36px;padding:0 24px;font-size:12px;display:flex;position:fixed;inset:0 0 auto}.top-menu,.top-status{align-items:center;gap:19px;display:flex}.top-menu strong{margin-right:4px}.top-menu button{color:#eee9f8;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.top-status{color:#d8d3e7;gap:13px}.lab-brand-icon{color:#ffe8bc;background:radial-gradient(circle at 32% 22%,#ffffff85,#0000 28%),linear-gradient(145deg,#845cf585,#090a19b8);border:1px solid #ffe4b547;border-radius:10px;place-items:center;width:26px;height:26px;margin-right:-8px;display:inline-grid;position:relative;box-shadow:0 10px 24px #00000047,inset 0 1px #ffffff3d}.lab-brand-icon svg:last-child{color:#d1beffeb;position:absolute;transform:rotate(-18deg)}.desktop-blank{z-index:2;min-height:100vh;padding:58px 38px 82px 94px;position:relative}.desktop-dim{z-index:4;pointer-events:none;background:#0404111f;position:fixed;inset:36px 0 0}.desktop-icons{z-index:24;gap:15px;display:grid;position:fixed;top:70px;right:23px}.desktop-icons button{cursor:pointer;color:#fff;text-shadow:0 2px 8px #000;background:0 0;border:0;justify-items:center;gap:5px;width:88px;font-size:10px;display:grid}.app-icon{border:1px solid #ffffff30;border-radius:12px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 12px 28px #02031061,inset 0 1px #ffffff38}.desktop-icons button.active .app-icon{outline-offset:3px;outline:1px solid #d7beff9e}.violet{background:linear-gradient(145deg,#795bca,#34275f)}.rose{background:linear-gradient(145deg,#c88ea9,#55415f)}.paper{color:#382a45;background:linear-gradient(145deg,#f2dfcf,#a67f8e)}.amber{background:linear-gradient(145deg,#ebb36b,#76506f)}.dark{background:linear-gradient(145deg,#30334f,#10101e)}.dock{z-index:60;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111027ba;border:1px solid #ffffff24;border-radius:14px;gap:7px;width:58px;padding:9px 7px;display:grid;position:fixed;top:50%;left:21px;transform:translateY(-50%);box-shadow:0 20px 55px #03020d73}.dock button{cursor:pointer;background:0 0;border:0;padding:0;position:relative}.dock-icon{border:1px solid #ffffff1a;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.dock button.active:after{content:"";background:#fff;border-radius:4px;width:4px;height:8px;position:absolute;top:17px;left:-10px}.floating-terminal{z-index:19;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#110e23d9;border:1px solid #ffffff21;border-radius:8px;width:300px;position:fixed;top:64px;right:118px;overflow:hidden;box-shadow:0 24px 70px #0302116b}.app-window{z-index:30;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(145deg,#181634f2,#0f0f26eb);border:1px solid #ffffff29;border-radius:9px;width:min(930px,100vw - 490px);min-width:720px;height:min(650px,100vh - 125px);position:fixed;top:8vh;left:9vw;overflow:hidden;box-shadow:0 42px 110px #03021099,inset 0 1px #ffffff0f}.app-home{width:min(790px,100vw - 520px);min-width:650px;height:min(570px,100vh - 170px);top:12vh;left:13vw}.app-about,.app-resume,.app-inbox,.app-terminal{width:min(760px,100vw - 420px);min-width:620px;height:min(570px,100vh - 170px);top:12vh;left:16vw}.window-bar{color:#aaa3ba;background:#0a091a4d;border-bottom:1px solid #ffffff14;grid-template-columns:90px 1fr 90px;align-items:center;height:42px;padding:0 14px;font-size:10px;display:grid}.window-bar.compact{grid-template-columns:60px 1fr 60px;height:32px;font-size:9px}.window-bar>span{text-align:center}.window-bar>button{cursor:pointer;color:#aaa5b7;background:0 0;border:0;justify-self:end;place-items:center;display:grid}.traffic-lights{gap:6px;display:flex}.traffic-lights i{background:#f16b6f;border-radius:50%;width:10px;height:10px}.traffic-lights i:nth-child(2){background:#e7b84f}.traffic-lights i:nth-child(3){background:#42a768}.window-bar.compact .traffic-lights i{width:7px;height:7px}.window-content{scrollbar-width:thin;scrollbar-color:#655c80 transparent;height:calc(100% - 42px);overflow:auto}.welcome-panel{min-height:100%;padding:37px 45px;position:relative;overflow:hidden}.welcome-brand{border-bottom:1px solid #ffffff17;gap:4px;padding-bottom:23px;display:grid}.welcome-brand>span{color:#d7baff;font-family:Caveat,KaiTi,cursive;font-size:24px}.welcome-brand strong{color:#e9e1f1;font-size:12px;font-weight:500}.welcome-brand small{color:#8f899a;margin-top:4px;font-size:9px}.welcome-copy{z-index:2;max-width:545px;padding-top:28px;position:relative}.welcome-copy>span{color:#bd9fdf;letter-spacing:0;font-size:9px}.welcome-copy h1{letter-spacing:0;margin:8px 0 2px;font-size:34px}.welcome-copy h2{color:#d3cbdc;letter-spacing:0;margin:0 0 17px;font-size:14px;font-weight:500}.welcome-copy p{color:#aca6b7;margin:0;font-size:12px;line-height:1.85}.welcome-copy .universe-note{color:#ded4e7;margin-top:16px}.welcome-actions{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.welcome-actions button{color:#eee8f6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:6px;align-items:center;gap:7px;padding:9px 12px;font-size:10px;display:inline-flex}.welcome-actions button:first-child{background:#765eae;border-color:#a68bdc}.welcome-orbit{aspect-ratio:1;border:1px solid #be9eef26;border-radius:50%;width:270px;position:absolute;bottom:-63px;right:13px}.welcome-orbit:before,.welcome-orbit:after{content:"";border:1px solid #be9eef1f;border-radius:50%;position:absolute;inset:28px}.welcome-orbit:after{inset:72px}.orbit-core{z-index:2;color:#f0c994;background:radial-gradient(circle at 30% 25%,#f3d7b4,#7562a8 58%,#252043);border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #b389e459}.welcome-orbit i{background:#cab1ef;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 15px #c4a4ef}.welcome-orbit i:first-of-type{top:42px;left:68px}.welcome-orbit i:nth-of-type(2){top:117px;right:18px}.welcome-orbit i:nth-of-type(3){bottom:45px;left:55px}.project-universe{min-height:100%;padding:22px 30px 28px}.universe-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.universe-heading span{color:#927fa8;font-size:8px}.universe-heading h2{letter-spacing:0;margin:3px 0;font-size:24px}.universe-heading p{color:#8e8799;margin:0;font-size:9px}.universe-legend{gap:8px;padding-bottom:4px;display:flex}.universe-legend button{color:#9e96ad;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:8px;transition:color .18s,background .18s,border-color .18s,box-shadow .18s;display:flex}.universe-legend button:hover,.universe-legend button.active{color:#efe7ff;background:#ffffff12;border-color:#ece2ff2e;box-shadow:inset 0 1px #ffffff29,0 8px 20px #0000002e}.universe-legend i{border-radius:50%;width:7px;height:7px}.all-dot{background:#efe5ff;box-shadow:0 0 8px #efe5ff}.public-dot{background:#d5a6f1;box-shadow:0 0 8px #c28fe2}.case-dot{background:#edc28c;box-shadow:0 0 8px #d5a66f}.idea-dot{background:#a5b4de;box-shadow:0 0 8px #8ea1d7}.star-map{background:radial-gradient(circle at 44%,#5d468a26,#0000 42%),#05051233;border:1px solid #ffffff12;border-radius:7px;height:480px;margin-top:10px;position:relative;overflow:hidden}.star-map:before{content:"";opacity:.28;background-image:radial-gradient(circle,#ffffffb3 0 1px,#0000 1.5px);background-size:47px 47px;position:absolute;inset:0}.orbit-line{border:1px solid #b08fda24;border-radius:50%;position:absolute;top:50%;left:44%;transform:translate(-50%,-50%)rotate(-8deg)}.orbit-one{width:330px;height:220px}.orbit-two{width:580px;height:350px}.orbit-three{width:790px;height:450px}.star-layer{position:absolute;inset:0}.star-layer>h3{z-index:2;color:#7f748f;margin:0;font-size:8px;font-weight:500;position:absolute}.public-layer>h3{top:15px;left:17px}.case-layer>h3{top:15px;right:18px}.idea-layer>h3{bottom:14px;left:17px}.project-planet{z-index:3;color:#f4edf9;text-align:center;cursor:pointer;background:0 0;border:0;width:145px;padding:0;position:absolute}.planet-visual{filter:saturate(.82)brightness(.9);background-image:url(/assets/portfolio-reference.png);background-size:760%;border:1px solid #ffffff3d;border-radius:50%;width:74px;height:74px;margin:0 auto 7px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 8px #9975cb0d,0 0 26px #9a75cd47}.project-planet.case .planet-visual{width:54px;height:54px;box-shadow:0 0 0 6px #e1b7830a,0 0 20px #dcaf7c38}.planet-visual i{background:linear-gradient(145deg,#0000 35%,#1c13305c);position:absolute;inset:0}.project-planet strong{font-size:10px;display:block}.project-planet>small{color:#897f96;white-space:nowrap;text-overflow:ellipsis;max-width:130px;margin:2px auto 0;font-size:7px;display:block;overflow:hidden}.planet-status{color:#bda7cc;background:#be9ddb1f;border-radius:8px;margin-top:4px;padding:2px 6px;font-size:7px;display:inline-block}.planet-hover{z-index:9;color:#9f98aa;text-align:left;opacity:0;pointer-events:none;background:#131028f5;border:1px solid #ffffff26;border-radius:6px;width:210px;padding:10px;font-size:8px;line-height:1.5;transition:all .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(5px);box-shadow:0 15px 36px #02020c80}.planet-hover b{color:#e0d3e8;margin-top:4px;font-size:8px;display:block}.planet-hover b:first-child{margin-top:0}.project-planet:hover .planet-hover{opacity:1;transform:translate(-50%)translateY(0)}.public-1{top:35%;left:36%}.public-1 .planet-visual{width:92px;height:92px}.public-2{top:21%;left:9%}.public-3{top:12%;left:62%}.public-4{top:57%;left:66%}.case-1{top:30%;right:4%}.case-2{top:66%;left:14%}.case-3{top:72%;right:19%}.idea-signal{z-index:3;color:#b5bdd7;cursor:pointer;background:#737ea814;border:1px solid #abb5dc26;border-radius:5px;align-items:center;gap:5px;padding:6px 8px;font-size:8px;display:flex;position:absolute}.idea-signal small{color:#707a9e}.idea-1{top:47%;left:2%}.idea-2{bottom:4%;left:30%}.idea-3{bottom:4%;right:4%}.display-statement{color:#716b7d;margin:10px 0 0;font-size:8px;line-height:1.6}.crop-follow-heart{background-position:12% 25%}.crop-competitor-workbench{background-position:31% 25%}.crop-ai-companion{background-position:50% 25%}.crop-star-pm{background-position:69% 25%}.crop-ai-pet-hardware{background-position:49% 23%}.crop-iot-ops{background-position:68% 23%}.crop-yuanjing-miniapp{background-position:28% 70%}.project-file{padding:20px 34px 36px}.back-button{color:#aaa1b7;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:9px;display:inline-flex}.file-cover{border-bottom:1px solid #ffffff14;grid-template-columns:1fr 280px;align-items:center;gap:28px;margin-top:18px;padding-bottom:20px;display:grid}.file-cover span{color:#c19fda;font-size:9px}.file-cover h2{letter-spacing:0;margin:5px 0;font-size:30px}.file-cover p{color:#9b93a5;margin:0;font-size:11px}.file-image{filter:saturate(.85)brightness(.9);background-image:url(/assets/portfolio-reference.png);background-size:560%;border:1px solid #ffffff1f;border-radius:7px;height:160px}.archive-flow{border:1px solid #ffffff14;border-radius:6px;grid-template-columns:repeat(4,1fr);margin-top:20px;display:grid;overflow:hidden}.archive-flow section{background:#ffffff06;border-right:1px solid #ffffff14;min-height:132px;padding:14px}.archive-flow section:last-child{border-right:0}.archive-flow section>small{color:#76698b;font-family:Caveat,cursive;font-size:16px}.archive-flow h3{color:#e2d8e8;margin:10px 0 5px;font-size:10px}.archive-flow p{color:#9992a2;margin:0;font-size:9px;line-height:1.65}.file-bottom{justify-content:space-between;align-items:center;gap:20px;margin-top:18px;display:flex}.file-bottom>p{color:#a29ba9;max-width:500px;margin:0;font-size:10px;line-height:1.7}.project-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.project-actions a,.project-actions button{color:#e1d9e7;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:5px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;text-decoration:none;display:inline-flex}.identity-profile{grid-template-columns:235px 1fr;min-height:100%;display:grid}.identity-card{background:linear-gradient(#ac83b91f,#ffffff05);border-right:1px solid #ffffff14;padding:37px 30px}.avatar-mark{color:#e3c9e9;background:#ffffff0d;border:1px solid #ffffff2b;border-radius:16px;place-items:center;width:78px;height:78px;margin-bottom:22px;display:grid}.identity-card>span{color:#b492c6;font-size:8px}.identity-card h2{letter-spacing:0;margin:5px 0;font-size:27px}.identity-card>p{color:#b1a9b9;margin:0;font-size:11px;line-height:1.7}.identity-card dl{margin-top:30px}.identity-card dl div{border-top:1px solid #ffffff14;padding:10px 0}.identity-card dt{color:#776d81;font-size:7px}.identity-card dd{color:#d5ccd9;margin:3px 0 0;font-size:9px}.profile-content{padding:38px 42px}.profile-content section>span{color:#9c7eb2;font-size:8px}.profile-content section>h2{letter-spacing:0;margin:7px 0 10px;font-size:23px;line-height:1.45}.profile-content section>p{color:#a39ca9;margin:0;font-size:10px;line-height:1.8}.profile-timeline{margin-top:28px}.profile-timeline h3{margin:0 0 12px;font-size:11px}.profile-timeline div{grid-template-columns:14px 78px 1fr;align-items:center;gap:8px;min-height:34px;display:grid;position:relative}.profile-timeline i{background:#c1a1db;border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px #aa86c7}.profile-timeline span{color:#ded5e4;font-size:9px}.profile-timeline small{color:#837c89;font-size:8px}.profile-content blockquote{color:#dfba91;margin:26px 0 0;font-family:Caveat,KaiTi,cursive;font-size:20px}.resume-previewer{background:#05050f26;grid-template-columns:160px 1fr;min-height:100%;display:grid}.preview-sidebar{border-right:1px solid #ffffff14;align-content:start;gap:8px;padding:26px 13px;display:grid}.preview-sidebar strong{color:#8b8393;padding:0 8px 10px;font-size:9px}.preview-sidebar span{color:#88818f;border-radius:5px;align-items:center;gap:7px;padding:8px;font-size:8px;display:flex}.preview-sidebar span.active{color:#e2d9e7;background:#ffffff12}.resume-paper{color:#332f3b;background:#eee9e8;border-radius:4px;align-self:start;margin:27px;padding:32px 36px;box-shadow:0 20px 45px #02020c52}.resume-paper header{color:#5d4b6a;border-bottom:2px solid #7d668c;justify-content:space-between;padding-bottom:18px;display:flex}.resume-paper header span{font-size:7px}.resume-paper header h2{letter-spacing:0;margin:3px 0;font-size:25px}.resume-paper header p{color:#766f78;margin:0;font-size:9px}.resume-paper section{margin-top:18px}.resume-paper section h3{color:#70577f;margin:0 0 6px;font-size:10px}.resume-paper section p{color:#5f5a62;margin:0;font-size:9px;line-height:1.7}.resume-skills{flex-wrap:wrap;gap:6px;display:flex}.resume-skills span{color:#655b68;border:1px solid #c9bdca;border-radius:3px;padding:4px 6px;font-size:8px}.resume-paper footer{border-top:1px solid #d6ced5;gap:7px;margin-top:22px;padding-top:16px;display:flex}.resume-paper footer button,.resume-paper footer a{color:#514958;cursor:pointer;background:#e4dde3;border:1px solid #c5b9c6;border-radius:4px;align-items:center;gap:5px;padding:6px 8px;font-size:8px;text-decoration:none;display:inline-flex}.idea-inbox{background:radial-gradient(circle at 75% 70%,#a375b11a,#0000 32%);min-height:100%;padding:28px 36px}.idea-inbox>header{justify-content:space-between;align-items:center;display:flex}.idea-inbox>header span{color:#a989b5;font-size:8px}.idea-inbox>header h2{letter-spacing:0;margin:3px 0;font-size:23px}.idea-inbox>header p{color:#8f8795;margin:0;font-size:9px}.note-desk{grid-template-columns:repeat(3,1fr);gap:17px;margin-top:28px;display:grid}.idea-note{color:#4a3e4b;min-height:230px;padding:25px 19px 18px;position:relative;box-shadow:0 18px 35px #03020e47}.idea-note:first-child{background:#eadfd5}.idea-note:nth-child(2){background:#e4dce8}.idea-note:nth-child(3){background:#dce3eb}.note-pin{background:#a887a5;border-radius:50%;width:8px;height:8px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #36223740}.idea-note>small{color:#9e819a;font-family:Caveat,cursive;font-size:13px}.idea-note h3{letter-spacing:0;margin:13px 0 8px;font-size:15px}.idea-note p{color:#675c67;margin:0;font-size:9px;line-height:1.75}.idea-note footer{gap:7px;display:grid;position:absolute;bottom:16px;left:19px;right:19px}.idea-note footer span{color:#725b73;background:#684c6d1a;border-radius:9px;justify-self:start;padding:3px 7px;font-size:7px}.idea-note footer strong{color:#766979;font-size:8px;font-weight:500}.parking-note{color:#c1a9c6;border:1px dashed #ffffff24;border-radius:6px;align-items:center;gap:7px;margin-top:28px;padding:8px 11px;font-size:9px;display:inline-flex}.parking-note small{color:#756d7d}.terminal-console{color:#e8e1ed;background:#03030c59;min-height:100%;padding:26px;font-family:SFMono-Regular,Consolas,monospace}.terminal-console.compact{min-height:168px;padding:12px 16px 15px}.terminal-console code,.terminal-console input,.terminal-console label{font-family:inherit;font-size:10px}.terminal-console.compact code{font-size:8px}.terminal-user{color:#bca5cf;margin-bottom:10px;display:block}.terminal-log{gap:6px;max-height:400px;display:grid;overflow:auto}.terminal-log code{color:#d8d0df}.terminal-log code:nth-last-child(-n+2){color:#eccb91}.cursor-line{margin-top:7px;display:block}.cursor-line i,.terminal-console form i{vertical-align:-2px;background:#d8d0e1;width:6px;height:11px;animation:1s step-end infinite blink;display:inline-block}.terminal-console form{grid-template-columns:14px 1fr 6px;align-items:center;gap:5px;margin-top:12px;display:grid}.terminal-console form input{color:#fff;background:0 0;border:0;outline:0;padding:4px 0}@keyframes blink{50%{opacity:0}}.control-center-wrap{z-index:65;position:fixed;bottom:20px;right:24px}.control-trigger{color:#e7dff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#14122ab8;border:1px solid #ffffff29;border-radius:7px;align-items:center;gap:7px;padding:9px 11px;font-size:9px;display:inline-flex;box-shadow:0 12px 30px #02020d52}.control-center{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#191630f0;border:1px solid #ffffff29;border-radius:8px;width:244px;padding:11px;position:absolute;bottom:42px;right:0;box-shadow:0 24px 60px #02020d85}.control-center header{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:4px 5px 10px;display:flex}.control-center header strong{font-size:10px}.control-center header small{color:#82798d;font-size:8px}.control-center>button{color:#d9d0df;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;grid-template-columns:24px 1fr 16px;align-items:center;gap:7px;width:100%;padding:8px 6px;display:grid}.control-center>button:hover{background:#ffffff0f}.control-center>button span{gap:2px;font-size:9px;display:grid}.control-center>button small{color:#777080;font-size:7px}.pet-mode-switch{z-index:65;color:#9d95a8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#131128bd;border:1px solid #ffffff26;border-radius:7px;align-items:center;gap:7px;padding:8px 10px;font-size:8px;display:inline-flex;position:fixed;bottom:60px;right:24px;box-shadow:0 12px 28px #02020d4d}.pet-mode-switch.active{color:#e4d4f2;border-color:#c5a3e457}.pet-mode-switch i{background:#4b4558;border-radius:9px;width:25px;height:14px;position:relative}.pet-mode-switch i b{background:#aaa2b2;border-radius:50%;width:10px;height:10px;transition:transform .22s,background .22s;position:absolute;top:2px;left:2px}.pet-mode-switch.active i{background:#79649d}.pet-mode-switch.active i b{background:#f0d6a4;transform:translate(11px);box-shadow:0 0 8px #f0d6a48c}.desktop-pets{z-index:44;pointer-events:none;position:fixed;inset:0;overflow:hidden}.desktop-pet{pointer-events:auto;cursor:pointer;filter:drop-shadow(0 12px 15px #02020f61);background:0 0;border:0;width:108px;height:168px;padding:0;position:absolute}.pet-sprite{transform-origin:bottom;background-repeat:no-repeat;background-size:400% 100%;width:100%;height:100%;transition:filter .25s;display:block}.pet-frame{object-fit:contain;transform-origin:bottom;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;transition:filter .25s,transform .25s;display:block}.desktop-pet:hover .pet-sprite,.desktop-pet:hover .pet-frame{filter:brightness(1.08)drop-shadow(0 0 14px #acffee29)}.desktop-pet.state-idle .pet-sprite{background-position:0 0;animation:2.8s ease-in-out infinite pet-breathe}.desktop-pet.state-walk .pet-sprite{background-position:33.333% 0;animation:.55s ease-in-out infinite pet-step}.desktop-pet.state-sit .pet-sprite{background-position:66.666% 0;animation:3.4s ease-in-out infinite pet-breathe}.desktop-pet.state-react .pet-sprite{background-position:100% 0;animation:.42s ease-out pet-react}.desktop-pet.state-idle .pet-frame,.desktop-pet.state-sit .pet-frame{animation:2.8s ease-in-out infinite pet-breathe}.desktop-pet.state-walk .pet-frame{animation:.55s ease-in-out infinite pet-step}.desktop-pet.state-react .pet-frame{animation:.42s ease-out pet-react}.desktop-pet.state-sleep .pet-frame{filter:brightness(.86);animation:4s ease-in-out infinite pet-breathe}.pet-gpt{width:128px;height:118px}.pet-claude{width:116px;height:136px}.pet-cursor{width:126px;height:112px}.pet-bubble{color:#251f29;white-space:normal;text-align:left;background:radial-gradient(circle at 18% 16%,#fffffff2,#0000 22%),#fffdf7;border:2px solid #1a1720;border-radius:22px 24px 20px 23px/18px 20px 22px 19px;width:max-content;max-width:205px;padding:9px 13px;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:10px;font-weight:700;line-height:1.55;position:absolute;bottom:calc(100% - 2px);left:50%;transform:translate(-50%)rotate(-1.5deg);box-shadow:0 10px #0a08122e,0 18px 32px #02020c47,inset 0 -2px #3e2c360d}.pet-bubble:before{content:"";background:#fffdf7;border-bottom:2px solid #1a1720;border-right:2px solid #1a1720;width:16px;height:16px;position:absolute;top:calc(100% - 3px);left:30px;transform:rotate(40deg)skew(8deg)}.pet-bubble:after{content:"";pointer-events:none;border:1px dashed #1a172033;border-radius:28px 25px 26px 24px/23px 25px 21px 24px;position:absolute;inset:-6px}.pet-sleep{color:#d8c4ef;font-family:Caveat,cursive;font-size:16px;animation:2s ease-in-out infinite sleep-float;position:absolute;top:14px;right:2px}@keyframes pet-breathe{50%{transform:translateY(-3px)scale(.99)}}@keyframes pet-step{50%{transform:translateY(-5px)rotate(-1deg)}}@keyframes pet-react{45%{transform:translateY(-9px)scale(1.04)}}@keyframes sleep-float{50%{opacity:.62;transform:translateY(-5px)}}.hand-notes{pointer-events:none;z-index:42;color:#c3a4f2;font-family:Caveat,KaiTi,cursive;font-size:20px;position:fixed;inset:0}.hand-notes span{text-shadow:0 3px 12px #0a042380;align-items:center;gap:5px;display:flex;position:absolute;transform:rotate(-3deg)}.note-welcome,.note-projects{top:45px;left:39%}.note-ideas{top:46px;left:41%}.os-shell{perspective:1300px;background:radial-gradient(circle at 50% 44%,#5e4ca638,#0000 28%),radial-gradient(circle at 18% 82%,#f2c46b1f,#0000 20%),linear-gradient(#071027 0%,#070817 64%,#03040c 100%)}.wallpaper-layer{filter:saturate(.86)contrast(1.08)brightness(.78);background:radial-gradient(circle at 50% 42%,#9e88ff2e,#0000 24%),radial-gradient(at 50% 72%,#cfb3ff1f,#0000 24%),radial-gradient(circle at 74% 28%,#f4ca8b24,#0000 13%),linear-gradient(#030a1c2e,#03040ebd),url(/assets/star-lab-wallpaper.png) 50%/cover no-repeat}.wallpaper-layer:before{content:"";opacity:.5;background:repeating-radial-gradient(at 50% 46%,#efdcff14 0 1px,#0000 1px 42px),radial-gradient(circle,#ffeec7c7 0 1px,#0000 1.5px) 0 0/82px 82px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 46%,#000 0 44%,#0000 70%);mask-image:radial-gradient(at 50% 46%,#000 0 44%,#0000 70%)}.wallpaper-layer:after{content:"";background:linear-gradient(90deg,#05081880,#0000 24% 76%,#0508188f);position:absolute;inset:36px 0 0}.top-bar{background:linear-gradient(#0a0c20c7,#08081585);box-shadow:0 10px 34px #02030e57,inset 0 -1px #ffffff0d}.app-window,.floating-terminal,.control-center,.dock{-webkit-backdrop-filter:blur(28px)saturate(1.24);backdrop-filter:blur(28px)saturate(1.24);background:linear-gradient(145deg,#ffffff1c,#0000 22%),radial-gradient(circle at 18% 0,#c5a7ff38,#0000 30%),radial-gradient(circle at 88% 86%,#eebe7617,#0000 28%),linear-gradient(145deg,#151636db,#080a1abd);border-color:#e7dbff33;box-shadow:0 55px 130px #00000a9e,0 18px 42px #17124261,inset 0 1px #ffffff38,inset 0 -1px #6d57a638}.app-window{transform-style:preserve-3d;border-radius:18px}.app-window:before,.floating-terminal:before,.control-center:before{content:"";pointer-events:none;border-radius:inherit;mix-blend-mode:screen;background:linear-gradient(135deg,#ffffff38,#0000 18% 74%,#f6c87814),radial-gradient(circle at 52% 110%,#745db447,#0000 45%);position:absolute;inset:1px}.window-bar{background:linear-gradient(#ffffff12,#ffffff04);height:46px;box-shadow:inset 0 -1px #ffffff12}.window-content{height:calc(100% - 46px)}.desktop-icons button,.dock button{transform-style:preserve-3d}.desktop-icons button:hover .app-icon,.dock button:hover .dock-icon,.control-trigger:hover,.pet-mode-switch:hover{transform:translateY(-5px)rotateX(7deg)rotate(-2deg)}.app-icon,.dock-icon,.control-trigger,.pet-mode-switch{transition:transform .22s,box-shadow .22s,border-color .22s;box-shadow:0 16px 30px #01020d6b,inset 0 1px 1px #ffffff6b,inset 0 -9px 18px #0003}.app-icon{border-radius:18px;width:62px;height:62px}.dock-icon{border-radius:13px}.violet,.rose,.paper,.amber,.dark{position:relative;overflow:hidden}.violet:before,.rose:before,.paper:before,.amber:before,.dark:before{content:"";opacity:.72;background:linear-gradient(#ffffff75,#fff0);border-radius:999px;height:18px;position:absolute;inset:6px 8px auto}.welcome-panel,.project-file,.identity-profile,.resume-previewer,.idea-inbox{background:radial-gradient(circle at 78% 12%,#ffe6ae14,#0000 22%),radial-gradient(circle at 18% 90%,#997ce21a,#0000 28%)}.welcome-orbit,.orbit-core{filter:drop-shadow(0 24px 36px #03020f7a)}.galaxy-3d{background:radial-gradient(circle,#fcdb9721,#0000 14%),radial-gradient(at 48% 52%,#7853be38,#0000 52%),linear-gradient(#090d26ad,#030510a3);border:1px solid #e8ddff2e;border-radius:18px;height:500px;margin-top:12px;position:relative;overflow:hidden;box-shadow:0 34px 78px #02020e6b,inset 0 1px #ffffff1c,inset 0 0 70px #6954b02e}.galaxy-3d:before{content:"";opacity:.42;background:radial-gradient(circle,#ffffffb8 0 1px,#0000 1.6px) 0 0/74px 74px,repeating-radial-gradient(at 50% 49%,#d1b4ff1f 0 1px,#0000 1px 36px);position:absolute;inset:0}.galaxy-canvas{opacity:0;transition:opacity .4s;position:absolute;inset:-20px 0 0}.galaxy-canvas.ready{opacity:1}.galaxy-canvas canvas{width:100%;height:100%;display:block}.galaxy-core-glow{filter:blur(5px);pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#ffe0978f,#d48bf829 34%,#0000 68%);border-radius:50%;width:160px;height:160px;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)}.galaxy-label{z-index:4;color:#f6f0ff;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff1f,#ffffff09),#080a1c9e;border:1px solid #e6dcff2b;border-radius:12px;width:150px;padding:10px 12px;position:absolute;box-shadow:0 18px 35px #01020c6b,inset 0 1px #ffffff2e}.galaxy-label span{align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.galaxy-label span i{background:#d7a4ff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #d7a4ff}.galaxy-label small,.galaxy-label b{color:#9f97af;margin-top:4px;font-size:8px;font-weight:500;display:block}.galaxy-label b{color:#d8cbe5}.galaxy-label.case span i{background:#f1c37c;box-shadow:0 0 12px #f1c37c}.galaxy-label.idea{background:#3e375b73;border-style:dashed;width:auto;min-width:118px}.label-follow-heart{top:48%;left:48%;transform:translate(-50%,-50%)}.label-competitor-workbench{top:34%;left:8%}.label-ai-companion{top:14%;left:45%}.label-star-pm{top:56%;right:10%}.label-ai-pet-hardware{bottom:18%;left:7%}.label-iot-ops{bottom:9%;left:42%}.label-yuanjing-miniapp{bottom:15%;right:9%}.label-idea-0{top:10%;left:9%}.label-idea-1{top:4%;left:41%}.label-idea-2{top:14%;right:8%}.galaxy-caption{z-index:4;color:#d7c2e7;text-shadow:0 4px 18px #0000007a;margin:0;font-family:Caveat,KaiTi,cursive;font-size:19px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.file-cover,.archive-flow,.identity-card,.resume-paper,.idea-note{transform-style:preserve-3d}.file-cover{background:linear-gradient(145deg,#ffffff14,#ffffff06);border:1px solid #ffffff1f;border-radius:18px;padding:20px 20px 22px;box-shadow:0 25px 60px #02020e47,inset 0 1px #ffffff21}.file-image{border-radius:17px;box-shadow:0 20px 38px #01020e4d,inset 0 0 30px #ffffff14}.archive-flow{border-radius:16px;box-shadow:0 22px 48px #01020e3d,inset 0 1px #ffffff1a}.idea-inbox{background:radial-gradient(circle at 50% 0,#ffecbc1f,#0000 34%),linear-gradient(#23172b47,#0a0a182e)}.note-desk{background-color:#120f1f40;background-image:linear-gradient(90deg,#f5cd9c0f 0 1px,#0000 1px 100%),linear-gradient(#f5cd9c0d 0 1px,#0000 1px 100%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ffffff17;border-radius:18px;padding:28px 22px 34px;position:relative;box-shadow:inset 0 0 60px #0003}.idea-note{border-radius:5px 10px 7px 9px;box-shadow:0 26px 34px #01020b59,0 3px #4a303914,inset 0 1px #ffffff7a}.idea-note:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#ffffff59,#0000 18%),linear-gradient(135deg,#ffffff29,#0000 48%);position:absolute;inset:0}.note-pin{background:radial-gradient(circle at 35% 30%,#fff1c7,#d18e9f 56%,#76556d);width:13px;height:13px;box-shadow:0 7px 12px #341c294d,inset 0 1px #ffffff8c}.terminal-console{background:radial-gradient(at 50% 12%,#b7daff14,#0000 36%),radial-gradient(#18274a85,#03040cdb 72%);border-radius:0 0 16px 16px;position:relative;overflow:hidden;box-shadow:inset 0 0 55px #000000a3,inset 0 0 10px #acd2ff12}.terminal-console:before{content:"";pointer-events:none;opacity:.35;background:repeating-linear-gradient(#ffffff0b 0 1px,#0000 1px 4px);position:absolute;inset:0}.terminal-console:after{content:"";pointer-events:none;border-radius:18px/32px;position:absolute;inset:8px;box-shadow:inset 0 0 24px #ffffff0a}.terminal-console>*{z-index:1;position:relative}.terminal-log code{text-shadow:0 0 9px #cbe7ff2e}.terminal-log code:nth-last-child(-n+2){text-shadow:0 0 11px #ffd58b40}.app-window{background:linear-gradient(150deg,#ffffff29,#0000 12% 72%,#f5c67b12),radial-gradient(circle at 24% -10%,#c49eff47,#0000 34%),linear-gradient(145deg,#1b183ae6,#070919d1);border-color:#f6e7ff3d;box-shadow:0 70px 150px #00000aad,0 24px 60px #2318545c,inset 0 2px #ffffff21,inset 0 -16px 34px #00000038}.app-window:after{content:"";pointer-events:none;filter:blur(8px);background:radial-gradient(#0000006b,#0000 70%);border-radius:50%;height:28px;position:absolute;bottom:-18px;left:18px;right:18px}.window-bar>span{color:#efe3ff;font-family:Georgia,Times New Roman,serif;font-size:13px}.welcome-brand>span{letter-spacing:.2px;text-shadow:0 10px 34px #9569e847;font-size:30px}.welcome-brand small:before{content:"Moonpie note / ";color:#d8b475}.universe-heading h2:after{content:" / 今日主线 · 暂时停靠 · 野生灵感";color:#cba5f1;vertical-align:middle;margin-left:10px;font-family:Caveat,KaiTi,cursive;font-size:21px;font-weight:400;display:inline-block}.galaxy-3d{perspective:900px;background:radial-gradient(circle at 48% 48%,#fcdd9a2e,#0000 12%),radial-gradient(at 48% 52%,#7c54cf38,#0000 47%),radial-gradient(circle at 18% 75%,#5fb4be14,#0000 28%),linear-gradient(#090d26b8,#030510ad);height:520px;margin-top:18px;overflow:visible}.galaxy-3d:after{content:"灵感先入库，不准乱开坑";z-index:5;color:#e2c48d;text-shadow:0 8px 24px #00000073;font-family:Caveat,KaiTi,cursive;font-size:23px;position:absolute;bottom:46px;left:28px;transform:rotate(-6deg)}.galaxy-label{width:168px;min-height:96px;transform-style:preserve-3d;background:linear-gradient(145deg,#ffffff2b,#ffffff09 38%),radial-gradient(circle at 20% 0,#ffe3ab1c,#0000 35%),#080a1cb3;border-radius:15px;padding:12px 13px 13px;box-shadow:0 28px 44px #01020c80,inset 0 1px #ffffff2e,inset 0 -12px 24px #0003}.galaxy-label span{font-size:12px}.galaxy-label em{color:#e7d8f5;margin-top:8px;font-family:Caveat,KaiTi,cursive;font-size:15px;font-style:normal;line-height:1.2;display:block}.galaxy-label:before{content:"";border-radius:inherit;pointer-events:none;opacity:.55;background:linear-gradient(135deg,#ffffff47,#0000 32% 82%,#f5c27029);position:absolute;inset:-1px}.galaxy-label.idea{width:136px;min-height:76px;padding:10px 12px}.label-follow-heart{z-index:7;width:196px;min-height:112px;top:43%;left:42%;transform:translate(-50%,-50%)rotate(-5deg)}.project-comet{z-index:12;pointer-events:none;background:radial-gradient(circle,#fff8c9,#f5b860 45%,#0000 70%);border-radius:50%;width:18px;height:18px;position:absolute;box-shadow:0 0 22px #ffda86d9}.project-comet:after{content:"";background:linear-gradient(90deg,#0000,#ffe09ccc);border-radius:999px;width:62px;height:3px;position:absolute;top:7px;right:11px}.comet-follow-heart{top:45%;left:42%}.comet-competitor-workbench{top:33%;left:14%}.comet-ai-companion{top:17%;left:56%}.comet-star-pm{top:57%;right:17%}.comet-ai-pet-hardware{bottom:29%;left:16%}.comet-iot-ops{bottom:17%;left:48%}.comet-yuanjing-miniapp{bottom:29%;right:14%}.galaxy-caption{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a081a85;border:1px solid #ffffff1c;border-radius:999px;padding:7px 18px;bottom:-5px}.galaxy-3d{min-height:540px;overflow:hidden}.galaxy-3d:after{opacity:.86;font-size:21px;bottom:58px;left:42px}.galaxy-label{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff24,#ffffff09),#080a1c7a;border-radius:999px;width:auto;min-width:112px;min-height:0;padding:7px 11px 8px;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 16px 26px #01020c57,inset 0 1px #fff3,inset 0 -8px 16px #00000029}.galaxy-label:hover{border-color:#ffffff47;box-shadow:0 22px 34px #01020c6b,0 0 22px #caa4ff29,inset 0 1px #ffffff3d}.galaxy-label span{letter-spacing:0;gap:6px;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:11px}.galaxy-label small,.galaxy-label b{letter-spacing:0;margin:4px 7px 0 0;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:7px;display:inline-block}.galaxy-label em{display:none}.galaxy-label.idea{opacity:.78;width:auto;min-width:102px;min-height:0;padding:6px 10px}.label-follow-heart{z-index:8;width:156px;min-height:0;padding:9px 14px 10px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)}.label-follow-heart span{font-size:13px}.label-competitor-workbench{width:auto;top:42%;left:9%;transform:rotate(2deg)}.label-ai-companion{width:auto;top:12%;left:43%;transform:rotate(-2deg)}.label-star-pm{width:auto;top:41%;right:13%;transform:rotate(2deg)}.label-ai-pet-hardware{z-index:5;width:auto;bottom:20%;left:25%;transform:rotate(-3deg)}.label-iot-ops{width:auto;bottom:18%;left:54%;transform:rotate(2deg)}.label-yuanjing-miniapp{opacity:.8;width:auto;bottom:22%;right:8%;transform:rotate(-2deg)}.label-idea-0{top:12%;left:12%;transform:rotate(-4deg)}.label-idea-1{top:7%;left:38%;transform:rotate(4deg)}.label-idea-2{top:14%;right:12%;transform:rotate(-3deg)}.galaxy-preview{z-index:12;color:#f8f1ff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff2e,#ffffff0a 42%),radial-gradient(circle at 78% 8%,#ffdb972e,#0000 32%),#090a1dc7;border:1px solid #ece2ff33;border-radius:18px;width:255px;padding:15px 16px 16px;position:absolute;box-shadow:0 30px 52px #00000c7a,0 0 36px #9773e221,inset 0 1px #ffffff3d,inset 0 -18px 30px #0000002e}.galaxy-preview small,.galaxy-preview p,.galaxy-preview b{letter-spacing:0;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}.galaxy-preview small{color:#f4c56f;text-transform:uppercase;font-size:8px;display:block}.galaxy-preview h3{margin:5px 0 4px;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:19px}.galaxy-preview p{color:#ada5c1;margin:0 0 6px;font-size:10px}.galaxy-preview b{color:#f3d7ff;background:#d5a5ff24;border-radius:999px;margin-bottom:8px;padding:3px 8px;font-size:8px;display:inline-block}.galaxy-preview em{color:#eee3f9;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:11px;font-style:normal;line-height:1.7;display:block}.galaxy-preview button{color:#ffe7af;cursor:pointer;background:#ffe1a61f;border:1px solid #f5cf8b52;border-radius:999px;margin-top:11px;padding:7px 11px;font-size:10px}.preview-follow-heart{top:39%;left:calc(50% + 92px)}.preview-competitor-workbench{top:21%;left:17%}.preview-ai-companion{top:10%;left:51%}.preview-star-pm{top:22%;right:20%}.preview-ai-pet-hardware{bottom:26%;left:11%}.preview-iot-ops{bottom:27%;left:49%}.preview-yuanjing-miniapp{bottom:25%;right:17%}.galaxy-caption{background:#0a081a5c;border-radius:8px;padding:4px 12px;font-size:16px;bottom:16px}.desktop-pet{cursor:grab;touch-action:none}.desktop-pet:active{cursor:grabbing}.desktop-pet:after{content:"";filter:blur(4px);opacity:.72;pointer-events:none;background:radial-gradient(#0000006b,#0000 68%);border-radius:50%;width:58%;height:13px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.desktop-pet.is-background .pet-frame,.desktop-pet.is-background .pet-sprite{opacity:.48;filter:saturate(.82)brightness(.82)drop-shadow(0 10px 10px #00000047)}.desktop-pet.is-featured .pet-frame,.desktop-pet.is-featured .pet-sprite{opacity:1;filter:drop-shadow(0 0 16px #d5a5ff2e)}.app-projects{width:min(88vw,1480px);min-width:min(980px,100vw - 42px);height:min(86vh,900px);top:6vh;left:5vw}.app-about{width:min(86vw,1320px);min-width:min(860px,100vw - 42px);height:min(84vh,860px);top:7vh;left:7vw}.case-study-page,.about-page{color:#f4ecfb;min-height:100%;padding:26px clamp(22px,4vw,58px) 54px}.case-progress{z-index:5;background:linear-gradient(90deg,#f6c86b 0 26%,#b58cff 26% 62%,#ffffff1a 62%);height:3px;margin:-26px -58px 24px;position:sticky;top:0;box-shadow:0 0 18px #cb9fff47}.case-toc{z-index:6;pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:-2px 0 18px;display:flex;position:sticky;top:12px}.case-toc a{color:#b8aec6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a081c75;border:1px solid #ffffff1f;border-radius:999px;padding:5px 8px;font-size:8px;text-decoration:none}.case-hero{grid-template-columns:minmax(0,1fr) minmax(360px,43%);align-items:center;gap:clamp(26px,5vw,72px);min-height:520px;padding:36px 0 46px;display:grid}.case-hero-copy>span,.about-hero span,.about-section>span,.case-section-label small{color:#b694d5;letter-spacing:.06em;font-size:9px}.legacy-project-file-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.case-hero h2{letter-spacing:0;margin:9px 0 16px;font-family:Georgia,Times New Roman,serif;font-size:clamp(46px,7vw,96px);line-height:.95}.case-hero-copy p{color:#ded5e7;max-width:760px;margin:0;font-size:16px;line-height:1.9}.case-tags{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.case-tags span,.next-list span{color:#d8cfdf;background:#ffffff0e;border:1px solid #ffffff21;border-radius:999px;padding:7px 10px;font-size:10px}.case-hero-visual{perspective:900px}.case-mockup{background-position:50%;background-size:cover;border:1px solid #ffffff2e;border-radius:26px;min-height:360px;position:relative;overflow:hidden;transform:rotateY(-7deg)rotateX(3deg);box-shadow:0 46px 90px #00000c7a,inset 0 1px #ffffff2e}.case-mockup:after{content:"";background:radial-gradient(circle at 20% 12%,#fff3,#0000 20%),linear-gradient(#0000 46%,#0504128c);position:absolute;inset:0}.case-mockup span{z-index:2;color:#ffe8b0;font-family:Caveat,KaiTi,cursive;font-size:22px;line-height:1.25;position:absolute;bottom:22px;left:22px;right:22px}.case-overview{margin:0 0 30px}.case-section{border-radius:28px;grid-template-columns:230px minmax(0,1fr);gap:clamp(22px,4vw,58px);margin:26px 0;padding:clamp(26px,4vw,50px);display:grid;position:relative}.case-dark{background:radial-gradient(circle at 12% 10%,#ba92ff29,#0000 32%),#090a1da3;border:1px solid #ffffff21;box-shadow:inset 0 1px #ffffff24,0 34px 70px #0000003d}.case-paper{color:#2c2535;background:linear-gradient(145deg,#fff8e8f0,#e0d3e8e0);box-shadow:0 28px 58px #0000003d}.case-section-label h3{letter-spacing:0;margin:8px 0 0;font-size:clamp(25px,3vw,42px);line-height:1.05}.case-section-body p,.case-section p{margin:0 0 12px;font-size:13px;line-height:1.9}.case-lead{color:#f7e4b5;font-size:16px!important}.case-audience{border-left:3px solid #f4c56f;gap:6px;margin-top:18px;padding-left:16px;display:grid}.case-visual{background:radial-gradient(circle at 18% 12%,#ffffff29,#0000 24%),#ffffff0e;border:1px solid #ffffff21;border-radius:22px;grid-template-columns:minmax(170px,34%) 1fr;align-items:stretch;gap:16px;margin:22px 0 0;padding:12px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 45px #00000038,inset 0 1px #ffffff24}.case-paper .case-visual{background:radial-gradient(circle at 18% 12%,#ffffff94,#0000 24%),#fff6;border-color:#422d4e24;grid-column:2}.case-visual>div{background-position:50%;background-size:cover;border-radius:16px;min-height:150px;transform:perspective(720px)rotateY(-6deg);box-shadow:inset 0 0 0 1px #ffffff24,inset 0 -40px 70px #07051561}.case-visual figcaption{flex-direction:column;justify-content:center;gap:12px;display:flex}.case-visual figcaption small{color:#f4c56f;letter-spacing:.08em;text-transform:uppercase;font-size:9px}.case-visual figcaption span{color:inherit;font-family:Caveat,KaiTi,cursive;font-size:23px;line-height:1.25}.case-audience strong,.problem-goal-grid h4,.experience-copy h4,.showcase-card h4{margin:0;font-size:15px}.problem-goal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.problem-goal-grid div{background:#ffffff7a;border:1px solid #3023371f;border-radius:18px;padding:18px}.structure-section{display:block}.structure-map{flex-wrap:wrap;gap:14px;margin-top:26px;display:flex}.structure-node{background:#ffffff0e;border:1px solid #ffffff26;border-radius:18px;flex:1;min-width:138px;padding:18px;position:relative}.structure-node:after{content:"";background:#f6c86b61;width:14px;height:1px;position:absolute;top:50%;right:-14px}.structure-node:last-child:after{display:none}.structure-node small{color:#f6c86b}.structure-node span{margin-top:8px;font-size:13px;display:block}.key-experience{grid-template-columns:minmax(320px,45%) 1fr;align-items:start}.sticky-mockup{position:sticky;top:68px}.case-mockup.large{min-height:470px;transform:rotateY(6deg)rotateX(2deg)}.experience-copy article{border-bottom:1px solid #ffffff1f;margin:18px 0;padding:0 0 18px}.experience-copy article small,.showcase-card small{color:#f1c37c;font-size:9px}.experience-copy article p{color:#b8b0c4}.showcase-rail{scroll-snap-type:x mandatory;grid-auto-columns:minmax(280px,34%);grid-auto-flow:column;gap:18px;padding:18px 2px 10px;display:grid;overflow-x:auto}.showcase-card{scroll-snap-align:start;background:#ffffff8f;border-radius:22px;overflow:hidden;box-shadow:0 18px 38px #30233724}.showcase-card>div{background-position:50%;background-size:cover;height:210px}.showcase-card small,.showcase-card h4,.showcase-card p{margin-left:16px;margin-right:16px;display:block}.showcase-card small{color:#7a5d9c;margin-top:15px}.showcase-card p{color:#5f5267;padding-bottom:16px}.notes-section,.reflection-section{background:radial-gradient(circle at 82% 8%,#f6c86b21,#0000 28%),#0e0d23a3;border:1px solid #ffffff21;display:block}.note-fragments{min-height:190px;margin-top:24px;position:relative}.note-fragments blockquote{color:#7a4d34;background:#f8ead0;border:1px solid #50392c1f;border-radius:10px;max-width:330px;margin:10px;padding:18px 20px;font-family:Caveat,KaiTi,cursive;font-size:21px;line-height:1.25;display:inline-block;box-shadow:0 20px 34px #00000038}.fragment-1{transform:rotate(-4deg)}.fragment-2{transform:rotate(3deg)}.fragment-3{transform:rotate(-1deg)}.reflection-body{max-width:980px}.reflection-body>p{color:#ded4e8;max-width:760px;font-size:15px}.next-list{flex-wrap:wrap;gap:8px;margin:20px 0 28px;display:flex}.project-nav{justify-content:space-between;gap:14px;display:flex}.project-nav button{color:#efe8f8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.about-page{display:block}.about-hero{grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:34px;min-height:460px;padding:40px 0 34px;display:grid}.about-hero h2{letter-spacing:0;max-width:820px;margin:10px 0 20px;font-family:Georgia,Times New Roman,serif;font-size:clamp(40px,6vw,78px);line-height:1.02}.about-hero p{color:#d7cfdf;max-width:780px;margin:0 0 13px;font-size:15px;line-height:1.95}.about-page .identity-card{background:radial-gradient(circle at 28% 0,#d8a3ff29,#0000 32%),#ffffff0e;border:1px solid #ffffff24;border-radius:26px;padding:30px}.about-page .identity-card h3{margin:12px 0 5px;font-size:32px}.about-section{border-radius:28px;margin:26px 0;padding:34px}.identity-modes,.workflow-section{background:#090a1d9e;border:1px solid #ffffff21}.about-section h2{margin:8px 0 22px;font-size:34px}.identity-mode-grid,.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.identity-mode-grid article,.tool-grid article{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:20px;padding:20px}.identity-mode-grid h3,.tool-grid h3{margin:12px 0 8px;font-size:16px}.identity-mode-grid p{color:#b8b0c2;margin:0;font-size:12px;line-height:1.8}.focus-section,.tools-section{color:#2f2636;background:linear-gradient(145deg,#fff8e8f0,#e2d4ebe0)}.focus-orbits{background:repeating-radial-gradient(#4a365c24 0 1px,#0000 1px 34px),#ffffff57;border:1px solid #4a365c24;border-radius:999px;min-height:270px;position:relative}.focus-orbits span{background:#ffffffbd;border-radius:999px;padding:10px 14px;font-size:13px;position:absolute;box-shadow:0 16px 28px #4a365c24}.focus-1{top:22%;left:13%}.focus-2{top:18%;right:16%}.focus-3{bottom:20%;left:28%}.focus-4{bottom:18%;right:28%}.workflow-line{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.workflow-line div{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:18px;padding:16px;position:relative}.workflow-line small{color:#f2c36f;font-size:9px}.workflow-line strong{margin-top:8px;font-size:13px;display:block}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-grid article{background:#ffffff8c}.tool-grid span{background:#48325a14;border-radius:999px;margin:5px 5px 0 0;padding:6px 9px;font-size:11px;display:inline-block}.personal-file{border-top:1px dashed #46325838;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding-top:18px;display:flex}.personal-file p{margin:0;font-family:Caveat,KaiTi,cursive;font-size:22px}.personal-file a{color:#3b2d47;border:1px solid #4632582e;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;text-decoration:none;display:inline-flex}.file-cover{background:linear-gradient(145deg,#ffffff1f,#ffffff06),radial-gradient(circle at 82% 22%,#ffdc9a1f,#0000 34%);border-radius:22px;grid-template-columns:1fr 330px;align-items:stretch}.file-cover h2{font-family:Georgia,Times New Roman,serif;font-size:36px}.file-image{filter:saturate(.98)brightness(.92);border-radius:20px;height:100%;min-height:190px;position:relative;overflow:hidden;background-position:50%!important;background-size:cover!important}.file-image:after{content:"";background:linear-gradient(#0000 48%,#050512b8);position:absolute;inset:0}.file-image span{z-index:2;color:#fff0c8;text-shadow:0 4px 14px #00000080;font-family:Caveat,KaiTi,cursive;font-size:18px;line-height:1.2;position:absolute;bottom:14px;left:16px;right:16px}.file-bottom>p{gap:5px;display:grid}.file-bottom>p strong{color:#e8c48f;font-family:Caveat,KaiTi,cursive;font-size:19px;font-weight:400}.idea-note:first-child{transform:rotate(-3deg)}.idea-note:nth-child(2){transform:translateY(14px)rotate(2deg)}.idea-note:nth-child(3){transform:translateY(-7px)rotate(-1deg)}.parking-note:after{content:"被关起来的小怪物们";color:#e3c18f;margin-left:10px;font-family:Caveat,KaiTi,cursive;font-size:17px}@media (width<=1120px){.app-window{width:calc(100vw - 430px);min-width:650px;left:90px}.app-home{width:calc(100vw - 490px)}.floating-terminal{width:270px;right:104px}.public-2{left:4%}.case-1{right:1%}}@media (width<=760px){.os-shell{min-height:100vh;overflow:visible}.wallpaper-layer{position:fixed;transform:none}.top-bar{height:44px;padding:0 14px}.top-menu button,.top-menu>svg,.top-menu strong~*{display:none}.top-menu{gap:8px}.top-status{gap:9px}.top-status span:first-of-type,.top-status svg:first-child{display:none}.desktop-blank{min-height:100vh;padding:62px 12px 92px}.desktop-dim{display:none}.desktop-icons{grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:14px;position:relative;top:auto;right:auto}.desktop-icons button{width:auto;font-size:8px}.app-icon{width:46px;height:46px}.floating-terminal{width:100%;margin-bottom:14px;position:relative;top:auto;right:auto;transform:none!important}.app-window,.app-home,.app-about,.app-resume,.app-inbox,.app-terminal{width:100%;min-width:0;height:auto;max-height:none;margin:0;position:relative;top:auto;left:auto}.window-content{height:auto;max-height:none;overflow:visible}.welcome-panel{padding:25px 20px 110px}.welcome-copy h1{font-size:26px}.welcome-actions{grid-template-columns:1fr;display:grid}.welcome-actions button{justify-content:center}.welcome-orbit{bottom:-150px;right:-70px}.project-universe{padding:20px 13px 28px}.universe-heading{display:block}.universe-legend{margin-top:12px}.star-map{height:auto;padding:34px 10px 18px;overflow:visible}.orbit-line{display:none}.star-layer{gap:9px;margin-bottom:20px;display:grid;position:relative;inset:auto}.star-layer>h3{color:#c9b6d2;margin-bottom:2px;font-size:10px;position:relative;inset:auto}.project-planet,.idea-signal{text-align:left;background:#ffffff06;border:1px solid #ffffff17;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:62px 1fr auto;align-items:center;gap:2px 10px;width:100%;min-height:86px;padding:10px;display:grid;position:relative;inset:auto!important}.planet-visual,.project-planet.case .planet-visual{grid-row:1/3;width:54px;height:54px;margin:0}.project-planet strong{font-size:11px}.project-planet>small{max-width:none;margin:0}.planet-status{grid-area:1/3/3;margin:0}.planet-hover{display:none}.idea-signal{grid-template-rows:auto;grid-template-columns:20px 1fr auto;min-height:52px}.file-cover{grid-template-columns:1fr}.file-image{height:170px}.archive-flow{grid-template-columns:1fr}.archive-flow section{border-bottom:1px solid #ffffff14;border-right:0;grid-template-columns:32px 1fr;gap:8px;min-height:0;display:grid}.archive-flow h3{margin-top:0}.file-bottom{display:block}.project-actions{justify-content:flex-start;margin-top:12px}.identity-profile,.resume-previewer{grid-template-columns:1fr}.identity-card{border-bottom:1px solid #ffffff14;border-right:0}.profile-content{padding:28px 22px}.preview-sidebar{display:none}.resume-paper{margin:14px;padding:25px 20px}.note-desk{grid-template-columns:1fr}.idea-note{min-height:190px}.dock{border-radius:12px;grid-template-columns:repeat(5,44px);grid-auto-flow:column;width:auto;padding:7px;inset:auto auto 12px 50%;transform:translate(-50%)}.dock button.active:after{width:8px;height:3px;top:auto;bottom:-5px;left:18px}.control-center-wrap{bottom:70px;right:12px}.pet-mode-switch{bottom:110px;right:12px}.desktop-pets{z-index:54;align-items:flex-end;gap:2px;width:calc(100vw - 145px);height:68px;display:flex;inset:auto auto 68px 12px;overflow:visible}.desktop-pet{flex:0 0 54px;width:54px;height:82px;position:relative;top:auto!important;left:auto!important;transform:none!important}.pet-claude,.pet-cursor{width:58px}.pet-bubble{max-width:155px;bottom:calc(100% - 4px);left:0;transform:none}.pet-bubble:after{left:24px}.hand-notes{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.follow-heart-case{color:#f8f0ff;background:radial-gradient(circle at 72% 8%,#d8a4ff3d,#0000 34%),radial-gradient(circle at 20% 38%,#f6c86b1f,#0000 30%),linear-gradient(#0a0818fa,#160a24fc);min-height:100%;position:relative;overflow-x:hidden}.follow-heart-case:before{content:"";pointer-events:none;opacity:.22;background-image:radial-gradient(circle,#fffc 0 1px,#0000 1.5px),radial-gradient(circle,#f6c66b8c 0 1px,#0000 1.5px);background-size:92px 92px,151px 151px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.follow-heart-case section{padding:clamp(56px,8vw,112px) clamp(24px,5vw,72px);position:relative}.follow-heart-back{z-index:20;color:#fff8ec;background:#160f2abd;border:1px solid #f6c86b47;border-radius:999px;align-items:center;gap:8px;margin:16px 0 0 18px;padding:9px 14px;display:inline-flex;position:sticky;top:14px;box-shadow:0 14px 30px #0000003d,inset 0 1px #ffffff26}.follow-heart-toc{z-index:16;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a08186b;border:1px solid #ffffff1f;border-radius:18px;gap:8px;max-width:172px;padding:14px;display:grid;position:fixed;top:118px;right:clamp(18px,3vw,42px)}.follow-heart-toc a{color:#f8f0ff9e;font-size:12px;line-height:1.35;text-decoration:none}.follow-heart-toc a:hover{color:#f6c86b}.follow-heart-hero{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:clamp(28px,5vw,72px);min-height:min(900px,92vh);display:grid}.follow-heart-hero-copy>span,.follow-heart-section-label small{color:#f6c86b;letter-spacing:.08em;font-size:12px;font-weight:700}.follow-heart-hero-copy h1{color:#fff8ec;text-shadow:0 0 42px #bd77ff33;margin:12px 0 18px;font-size:clamp(48px,7vw,108px);line-height:.94}.follow-heart-hero-copy p,.follow-heart-section p{color:#f8f0ffd1;max-width:720px;font-size:clamp(15px,1.12vw,19px);line-height:1.85}.follow-heart-scope,.follow-heart-tags,.follow-heart-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.follow-heart-scope strong,.follow-heart-scope span,.follow-heart-tags span{color:#fff8ec;background:#ffffff12;border:1px solid #f6c86b52;border-radius:999px;padding:8px 12px}.follow-heart-actions a,.follow-heart-actions button{color:#fff8ec;background:linear-gradient(135deg,#7e50aae6,#362550db);border:1px solid #f6c86b59;border-radius:999px;align-items:center;gap:8px;padding:11px 16px;text-decoration:none;display:inline-flex;box-shadow:0 18px 40px #00000040,inset 0 1px #fff3}.follow-heart-hero-art,.follow-heart-visual-stack figure,.follow-heart-node-preview,.follow-heart-showcase article,.follow-heart-sticky-visual{background:linear-gradient(145deg,#ffffff1f,#ffffff0a);border:1px solid #ffffff21;border-radius:28px;overflow:hidden;box-shadow:0 32px 90px #0000006b,inset 0 1px #ffffff2e}.follow-heart-hero-art{transform-style:preserve-3d;margin:0}.follow-heart-hero-art img,.follow-heart-visual-stack img,.follow-heart-node-preview img,.follow-heart-sticky-visual img,.follow-heart-showcase img,.follow-heart-lightbox img{object-fit:contain;width:100%;display:block}.follow-heart-hero-art figcaption,.follow-heart-visual-stack figcaption,.follow-heart-node-preview figcaption{color:#fff8ecc7;padding:14px 18px 18px}.follow-heart-section{background:linear-gradient(#0c091cd6,#160b27c7)}.follow-heart-section-label{margin-bottom:clamp(22px,4vw,44px)}.follow-heart-section-label h2{color:#fff8ec;margin:8px 0 0;font-size:clamp(30px,4.5vw,70px);line-height:1.05}.follow-heart-why-grid,.follow-heart-columns,.follow-heart-sticky{grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr);gap:clamp(24px,5vw,68px);display:grid}.follow-heart-visual-stack{perspective:1200px;gap:20px;display:grid}.follow-heart-visual-stack figure:first-child{transform:rotate(-2deg)}.follow-heart-visual-stack figure:nth-child(2){transform:translate(28px)rotate(2deg)}.follow-heart-visual-stack figure:nth-child(3){transform:translate(-12px)rotate(-1deg)}.follow-heart-paper{color:#2b1932;background:linear-gradient(135deg,#fff5e1fa,#f8e2bef0),radial-gradient(circle at 88% 12%,#7e50aa1f,#0000 30%)}.follow-heart-paper .follow-heart-section-label h2,.follow-heart-paper h3,.follow-heart-paper p{color:#2b1932}.follow-heart-list-block{gap:12px;display:grid}.follow-heart-list-block h3{margin:0;font-size:22px}.follow-heart-list-block p{background:#ffffff61;border-left:3px solid #7e50aa66;border-radius:12px;margin:0;padding:12px 14px}.follow-heart-before-after{gap:14px;max-width:860px;margin-top:34px;display:grid}.follow-heart-before-after p{color:#2b1932;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid}.follow-heart-before-after p:before{content:"→";color:#7b56c6;grid-column:2}.follow-heart-before-after span,.follow-heart-before-after strong{background:#ffffff73;border-radius:18px;padding:15px 18px}.follow-heart-before-after strong{color:#4a2868;background:#f6c86b47}.follow-heart-experience-model{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(18px,3vw,34px);margin-bottom:30px;display:grid}.follow-heart-model-intro,.follow-heart-model-layers article{background:radial-gradient(circle at 18% 0,#f6c86b24,#0000 34%),linear-gradient(145deg,#ffffff1a,#ffffff09);border:1px solid #f6c86b2e;border-radius:26px;box-shadow:0 24px 62px #00000047,inset 0 1px #ffffff1f}.follow-heart-model-intro{align-self:stretch;padding:clamp(22px,3vw,34px)}.follow-heart-model-intro h3,.follow-heart-model-layers h3{color:#fff8ec;margin:0 0 14px}.follow-heart-model-intro strong{color:#2b1932;background:linear-gradient(135deg,#ffe0a6,#f6c86b);border-radius:999px;margin-top:18px;padding:10px 14px;display:inline-flex;box-shadow:0 0 34px #f6c86b38}.follow-heart-model-layers{gap:16px;display:grid}.follow-heart-model-layers article{padding:20px}.follow-heart-model-layers article:nth-child(2){transform:translate(24px)}.follow-heart-model-layers article:nth-child(3){transform:translate(-12px)}.follow-heart-model-layers blockquote{color:#f6c86b;margin:0 0 10px;font-size:18px}.follow-heart-model-layers div{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.follow-heart-model-layers span{color:#fff8ecdb;background:#ffffff12;border:1px solid #ffffff21;border-radius:999px;padding:7px 10px}.follow-heart-orbit{background:repeating-radial-gradient(#0000 0 36px,#ffffff14 37px 38px),radial-gradient(circle,#f6c86b29,#0000 34%);border:1px solid #ffffff14;border-radius:34px;place-items:center;min-height:430px;display:grid;position:relative}.follow-heart-orbit button{color:#fff8ec;background:#ffffff14;border:1px solid #f6c86b61;border-radius:999px;padding:12px 18px}.follow-heart-orbit button.is-active{color:#2b1932;background:#f6c86b;box-shadow:0 0 34px #f6c86b57}.follow-heart-orbit button span{opacity:.68;margin-right:8px}.follow-heart-node-preview{max-width:720px;margin:26px auto 0}.follow-heart-comic{background:#f8e4c1;grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.follow-heart-comic article{color:#2b1932;background:linear-gradient(135deg,#ffffff9e,#fffaf04d),radial-gradient(circle at 80% 18%,#f6c86b6b,#0000 26%);border:1px solid #4a286833;border-radius:24px;min-height:210px;padding:22px;box-shadow:0 18px 42px #4a28681f}.follow-heart-comic h3{color:#4a2868;margin:28px 0 10px}.follow-heart-sticky-visual{align-self:start;max-height:78vh;position:sticky;top:86px}.follow-heart-sticky-visual img{max-height:78vh}.follow-heart-experience-copy article{background:#ffffff12;border:1px solid #ffffff1f;border-radius:24px;margin-bottom:28px;padding:22px}.follow-heart-experience-copy h3{color:#fff8ec;margin:0 0 10px}.follow-heart-showcase{background:linear-gradient(#080714f5,#180b26f5);min-height:100vh;overflow:hidden}.follow-heart-showcase-rail{gap:28px;width:max-content;display:flex}.follow-heart-showcase article{width:min(72vw,760px);padding:18px}.follow-heart-showcase button{background:0 0;border:0;padding:0}.follow-heart-showcase img{background:#0003;border-radius:18px;max-height:640px}.follow-heart-showcase h3{color:#fff8ec}.follow-heart-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.follow-heart-notes .follow-heart-section-label,.follow-heart-timeline{grid-column:1/-1}.follow-heart-notes article{background:#ffffff7a;border:1px solid #4a286829;border-radius:10px;min-height:220px;padding:24px;box-shadow:0 18px 36px #2b19321f}.follow-heart-notes article:first-of-type{transform:rotate(-2deg)}.follow-heart-notes article:nth-of-type(2){transform:rotate(1.5deg)}.follow-heart-notes article:nth-of-type(3){transform:rotate(-.7deg)}.follow-heart-timeline{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:22px;display:grid}.follow-heart-timeline p{background:#ffffff5c;border-radius:16px;margin:0;padding:14px}.follow-heart-timeline strong,.follow-heart-timeline span{display:block}.follow-heart-reflection blockquote{color:#fff8ec;border-left:3px solid #f6c86b;max-width:820px;margin:34px 0;padding:20px 24px;font-size:clamp(20px,2vw,30px);line-height:1.65}.follow-heart-lightbox{z-index:200;background:#05040cdb;place-items:center;padding:36px;display:grid;position:fixed;inset:0}.follow-heart-lightbox button{color:#fff8ec;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;padding:10px;position:fixed;top:28px;right:28px}.follow-heart-lightbox img{max-width:min(1100px,92vw);max-height:78vh}.follow-heart-lightbox p{color:#fff8ec;max-width:860px;margin:18px auto 0}@media (width<=900px){.follow-heart-hero,.follow-heart-columns,.follow-heart-why-grid,.follow-heart-sticky,.follow-heart-comic,.follow-heart-notes{grid-template-columns:1fr}.follow-heart-toc{max-width:none;margin:12px 18px 0;position:static}.follow-heart-showcase{min-height:0}.follow-heart-showcase-rail{flex-direction:column;width:auto}.follow-heart-showcase article{width:100%}.follow-heart-before-after p{grid-template-columns:1fr}.follow-heart-before-after p:before{grid-column:auto;justify-self:center}}@media (prefers-reduced-motion:reduce){.follow-heart-case *,.follow-heart-case :before,.follow-heart-case :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.noddy-case{color:#fff8f1;background:radial-gradient(circle at 78% 8%,#ffa4833d,#0000 34%),radial-gradient(circle at 20% 42%,#b285ff2e,#0000 36%),linear-gradient(#1d1325 0%,#100d19 42%,#241520 100%);border-radius:0 0 28px 28px;min-height:100%;position:relative;overflow:hidden}.noddy-case section{padding:clamp(52px,7vw,104px) clamp(22px,5vw,84px)}.noddy-back{z-index:12;color:#fff8f1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffdec447;border-radius:999px;align-items:center;gap:8px;margin:18px 0 0 22px;padding:9px 13px;display:inline-flex;position:sticky;top:16px}.noddy-toc{z-index:10;gap:8px;max-width:190px;display:grid;position:fixed;top:108px;right:clamp(18px,4vw,54px)}.noddy-toc a{color:#fff8f1b8;background:#ffffff0f;border:1px solid #ffdec42e;border-radius:999px;padding:7px 10px;font-size:12px;text-decoration:none}.noddy-hero{grid-template-columns:minmax(0,.86fr) minmax(380px,1.14fr);align-items:center;gap:clamp(32px,5vw,74px);display:grid}.noddy-hero-copy>span,.noddy-section-label small{color:#ffbf8d;letter-spacing:.1em;font-size:12px;font-weight:800}.noddy-hero-copy h1{color:#fff5e9;text-shadow:0 0 36px #ff977e3d;margin:12px 0 18px;font-size:clamp(44px,6vw,94px);line-height:.98}.noddy-hero-copy p,.noddy-section p{color:#fff8f1d1;max-width:760px;font-size:clamp(15px,1.06vw,18px);line-height:1.85}.noddy-tags,.noddy-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.noddy-tags span{color:#fff8f1;background:#ffffff12;border:1px solid #ffbe8e52;border-radius:999px;padding:8px 12px}.noddy-actions a,.noddy-actions button{color:#2a1720;background:linear-gradient(135deg,#ffe3c5,#ffb889);border:1px solid #ffbe8e61;border-radius:999px;align-items:center;gap:8px;padding:11px 16px;text-decoration:none;display:inline-flex;box-shadow:0 18px 42px #00000038,inset 0 1px #ffffff80}.noddy-actions a{color:#fff8f1;background:#ffffff14}.noddy-lab{background:radial-gradient(circle at 50% 42%,#ffdabb61,#0000 28%),linear-gradient(145deg,#ffffff26,#ffffff0a);border:1px solid #ffffff24;border-radius:36px;min-height:520px;margin:0;position:relative;overflow:hidden;box-shadow:0 34px 100px #00000061,inset 0 1px #ffffff38}.noddy-lab:before{content:"";z-index:0;border:1px dashed #ffdfc538;border-radius:50%;position:absolute;inset:10%;transform:rotate(-12deg)}.noddy-case-screenshot{z-index:1;object-fit:cover;object-position:top;border:1px solid #ffdfc552;border-radius:28px;width:min(42%,310px);height:70%;position:absolute;top:9%;right:7%;transform:rotate(4deg);box-shadow:0 30px 72px #4a26416b,inset 0 1px #ffffff40}.noddy-pet{z-index:2;background:radial-gradient(circle at 38% 34%,#ffffffe6,#0000 9%),radial-gradient(circle at 65% 30%,#ffbea2a6,#0000 16%),linear-gradient(145deg,#fff4e4,#eebbb5 68%,#b990ff);border-radius:48% 48% 42% 42%;width:172px;height:138px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);box-shadow:0 28px 64px #4a26416b,inset -18px -20px 34px #7951872e}.noddy-pet .ear{background:#f8d8c8;border-radius:18px 18px 12px 12px;width:46px;height:46px;position:absolute;top:-22px}.noddy-pet .left{left:22px;transform:rotate(-22deg)}.noddy-pet .right{right:22px;transform:rotate(22deg)}.noddy-pet .face{justify-content:space-between;display:flex;position:absolute;inset:48px 52px auto}.noddy-pet .face i{background:#2a1720;border-radius:999px;width:12px;height:16px;box-shadow:0 0 14px #48c7ff5c}.lab-card{z-index:3;color:#fff8f1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:18px;padding:13px 15px;position:absolute;box-shadow:0 18px 36px #00000038}.lab-card small{color:#fff8f1ad}.lab-card.app-home{top:18%;left:8%;transform:rotate(-4deg)}.lab-card.mood{top:16%;right:9%;transform:rotate(5deg)}.lab-card.diary{bottom:20%;left:10%;transform:rotate(3deg)}.lab-card.rule{bottom:18%;right:8%;transform:rotate(-3deg)}.noddy-lab figcaption{z-index:4;color:#2a1720;text-align:center;background:#ffe8cadb;border-radius:999px;width:min(78%,520px);padding:12px 18px;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.noddy-section-label{margin-bottom:clamp(22px,4vw,44px)}.noddy-section-label h2{color:#fff6eb;margin:8px 0 0;font-size:clamp(30px,4.4vw,68px);line-height:1.08}.noddy-why-grid,.noddy-columns,.noddy-key-experience{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:clamp(24px,5vw,68px);display:grid}.noddy-list-block{gap:12px;display:grid}.noddy-list-block h3{color:inherit;margin:0}.noddy-list-block p{background:#ffffff14;border-left:3px solid #ffbe8e75;border-radius:14px;margin:0;padding:12px 14px}.noddy-evolution-stack{gap:18px;display:grid}.noddy-evolution-stack .noddy-visual-card:first-child{transform:rotate(-3deg)}.noddy-evolution-stack .noddy-visual-card:nth-child(2){transform:translate(28px)rotate(2deg)}.noddy-evolution-stack .noddy-visual-card:nth-child(3){transform:translate(-10px)rotate(-1deg)}.noddy-paper{color:#2a1720;background:radial-gradient(circle at 84% 12%,#ffb7895c,#0000 28%),linear-gradient(135deg,#fff3df,#f8d6c6)}.noddy-paper .noddy-section-label h2,.noddy-paper h3,.noddy-paper p{color:#2a1720}.noddy-paper .noddy-list-block p{background:#ffffff75}.noddy-before-after{gap:14px;margin-top:34px;display:grid}.noddy-before-after p{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:0;display:grid}.noddy-before-after p:before{content:"→";color:#9c6bff;grid-column:2}.noddy-before-after span,.noddy-before-after strong{background:#ffffff7a;border-radius:18px;padding:14px 16px}.noddy-before-after strong{background:#ffb8896b}.noddy-system-map{grid-template-columns:minmax(220px,.72fr) minmax(280px,.9fr) minmax(0,1.38fr);align-items:center;gap:22px;display:grid;position:relative}.noddy-core{background:radial-gradient(circle,#ffe1c252,#ffffff0d 62%,#0000 63%);border:1px solid #ffffff29;border-radius:50%;place-items:center;min-height:280px;display:grid;box-shadow:0 30px 80px #00000040}.noddy-core i{background:linear-gradient(145deg,#fff2de,#dca8ff);border-radius:46%;width:112px;height:94px;box-shadow:0 18px 44px #00000047}.noddy-core strong,.noddy-core span{position:absolute}.noddy-core strong{margin-top:164px}.noddy-core span{color:#fff8f1a3;margin-top:210px}.noddy-flow{gap:10px;display:grid}.noddy-flow p,.noddy-modules article,.noddy-experience-copy article,.noddy-visual-card{background:#ffffff13;border:1px solid #ffffff24;border-radius:20px;padding:16px;box-shadow:0 20px 46px #0003}.noddy-flow small{color:#ffbf8d;margin-right:10px}.noddy-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.noddy-modules h3,.noddy-experience-copy h3{color:#fff6eb;margin:0 0 8px}.noddy-sticky-mockup{align-self:start;position:sticky;top:90px}.noddy-device-mockup{color:#2a1720;background:linear-gradient(#fff6ec,#f4c7d7 58%,#c6b4ff);border:1px solid #ffffff2e;border-radius:42px;max-width:390px;min-height:620px;margin:0 auto;padding:28px;box-shadow:0 34px 86px #00000061,inset 0 1px #ffffffd1}.noddy-device-mockup>span{color:#2a17209e}.mood-orb{background:radial-gradient(circle at 36% 32%,#fff,#0000 12%),radial-gradient(circle at 62% 48%,#ff9f8b,#0000 22%),linear-gradient(145deg,#ffe2ca,#a784ff);border-radius:50%;width:148px;height:148px;margin:58px auto 24px;box-shadow:0 22px 48px #704ba047}.status-bars{gap:10px;margin-top:46px;display:grid}.status-bars i{background:#2a17201f;border-radius:999px;height:16px}.status-bars i:first-child{width:100%}.status-bars i:nth-child(2){width:72%}.status-bars i:nth-child(3){width:84%}.noddy-experience-copy{gap:18px;display:grid}.noddy-showcase-rail{gap:18px;padding-bottom:18px;display:flex;overflow-x:auto}.noddy-showcase-rail>article{flex:0 0 min(520px,78vw)}.noddy-visual-card{color:#fff8f1;background:radial-gradient(circle at 72% 18%,#ffffff38,#0000 24%),linear-gradient(145deg,#583a60f0,#362236eb);min-height:250px;margin:0}.noddy-paper .noddy-visual-card{color:#fff8f1}.noddy-visual-card>div{border-radius:18px;place-items:center;min-height:170px;display:grid;overflow:hidden}.noddy-visual-card>div i{background:linear-gradient(145deg,#fff3dc,#ffb889 62%,#a991ff);border-radius:30px;width:92px;height:92px;transform:rotate(-8deg);box-shadow:0 24px 44px #00000047}.noddy-visual-card>div img{object-fit:cover;object-position:top;border:1px solid #ffffff24;border-radius:18px;width:100%;height:245px;box-shadow:inset 0 1px #ffffff2e}.noddy-visual-card figcaption{gap:6px;display:grid}.noddy-visual-card small{color:#fff8f1ad}.visual-device>div i{border-radius:50% 50% 42% 42%}.visual-system>div i{border-radius:50%}.visual-rule>div i{background:linear-gradient(145deg,#202437,#7ee0ff);border-radius:16px}.noddy-ui-comparison{background:radial-gradient(circle at 20% 18%,#ffcda62e,#0000 30%),radial-gradient(circle at 88% 10%,#99d6ff29,#0000 26%),linear-gradient(145deg,#1e162bfa,#0b0c19fa);overflow:hidden}.noddy-comparison-intro{color:#fff8f1c7;max-width:820px;margin:-12px 0 28px}.noddy-comparison-grid{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:22px;display:grid}.noddy-comparison-panel{background:linear-gradient(145deg,#ffffff1f,#ffffff0b);border:1px solid #ffffff24;border-radius:28px;padding:20px;position:relative;box-shadow:0 28px 70px #00000057,inset 0 1px #ffffff29}.noddy-comparison-panel.current{background:radial-gradient(circle at 84% 12%,#ffa0b838,#0000 32%),linear-gradient(145deg,#ffffff24,#ffffff0d);border-color:#ffcda652}.noddy-comparison-panel header{margin-bottom:18px}.noddy-comparison-panel h3{color:#ffe5ba;margin:0 0 8px;font-size:clamp(24px,2.2vw,34px)}.noddy-comparison-panel p{margin:0}.noddy-comparison-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.noddy-comparison-panel.old .noddy-comparison-images{grid-template-columns:1fr}.noddy-comparison-images figure{background:#ffffff12;border:1px solid #ffffff1f;border-radius:22px;margin:0;padding:10px;box-shadow:0 18px 38px #0000003d}.noddy-comparison-images img{object-fit:cover;object-position:top;border-radius:16px;width:100%;height:330px;display:block}.noddy-comparison-panel.old .noddy-comparison-images img{height:230px}.noddy-comparison-images figcaption{gap:5px;margin-top:10px;display:grid}.noddy-comparison-images strong{color:#fff5dd}.noddy-comparison-images small{color:#fff8f19e}.noddy-comparison-decisions{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px;display:grid}.noddy-comparison-decisions p{background:#ffedd814;border:1px solid #ffcda63d;border-radius:18px;margin:0;padding:16px}.noddy-comparison-decisions small{color:#ffc88d;margin-bottom:8px;font-weight:800;display:block}.noddy-note-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.noddy-note-grid article{color:#2a1720;background:linear-gradient(135deg,#fff0d8,#f5c9bc);border:1px solid #ffcb9d47;border-radius:14px;min-height:240px;padding:22px;box-shadow:0 22px 46px #00000038}.noddy-note-grid article:first-child{transform:rotate(-2deg)}.noddy-note-grid article:nth-child(2){transform:rotate(1.4deg)}.noddy-note-grid article:nth-child(3){transform:rotate(-.8deg)}.noddy-timeline{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:32px;display:grid}.noddy-timeline p{background:#ffffff14;border-radius:16px;margin:0;padding:14px}.noddy-timeline strong,.noddy-timeline span{display:block}.noddy-reflection blockquote{color:#fff8f1;border-left:3px solid #ffbf8d;max-width:900px;margin:32px 0;padding:18px 22px;font-size:clamp(20px,2vw,30px);line-height:1.65}@media (width<=980px){.noddy-hero,.noddy-why-grid,.noddy-columns,.noddy-key-experience,.noddy-system-map,.noddy-note-grid,.noddy-comparison-grid,.noddy-comparison-decisions{grid-template-columns:1fr}.noddy-toc{max-width:none;margin:12px 18px 0;position:static}.noddy-lab{min-height:460px}.noddy-modules,.noddy-before-after p{grid-template-columns:1fr}.noddy-before-after p:before{grid-column:auto;justify-self:center}.noddy-comparison-images,.noddy-comparison-panel.old .noddy-comparison-images{grid-template-columns:1fr}.noddy-comparison-images img,.noddy-comparison-panel.old .noddy-comparison-images img{height:auto;max-height:620px}}.phone-case{color:#f7fbff;background:radial-gradient(circle at 78% 6%,#5eead433,#0000 26%),radial-gradient(circle at 22% 22%,#93c5fd2e,#0000 30%),linear-gradient(#050712fa,#110d1ff5 46%,#070a16fa);min-height:100%}.phone-case section{padding:clamp(34px,5vw,72px);position:relative}.phone-back{z-index:8;color:#e6f7ff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a1221ad;border:1px solid #bedcff38;border-radius:999px;align-items:center;gap:8px;margin:20px 0 0 24px;padding:9px 14px;display:inline-flex;position:sticky;top:12px}.phone-toc{z-index:7;gap:8px;max-width:calc(100% - 48px);margin:14px 24px 0;padding-bottom:8px;display:flex;position:sticky;top:58px;overflow-x:auto}.phone-toc a{color:#e7f6ffbd;background:#ffffff0e;border:1px solid #a7f3d02e;border-radius:999px;flex:none;padding:8px 12px;font-size:12px;text-decoration:none}.phone-hero{grid-template-columns:minmax(0,.9fr) minmax(360px,.85fr);align-items:center;gap:clamp(28px,5vw,72px);min-height:760px;display:grid}.phone-hero-copy>span,.phone-section-label small{color:#7dd3fc;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}.phone-hero h1,.phone-section-label h2{margin:12px 0 16px;font-family:Georgia,Times New Roman,serif;line-height:1.08}.phone-hero h1{letter-spacing:0;text-shadow:0 16px 42px #38bdf833;max-width:760px;font-size:clamp(48px,7vw,98px)}.phone-hero p,.phone-section p,.phone-paper p{color:#f0f9ffc7;line-height:1.9}.phone-hero-copy>p:first-of-type{color:#fef3c7;max-width:820px;font-size:clamp(20px,2.2vw,34px);line-height:1.45}.phone-tags,.phone-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.phone-tags span{color:#dffcff;background:#0ea5e91a;border:1px solid #7dd3fc3d;border-radius:999px;padding:8px 12px}.phone-actions button,.phone-actions a{color:#07111f;background:linear-gradient(135deg,#f8fafc,#baf7e8);border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:11px 16px;font-weight:800;text-decoration:none;display:inline-flex}.phone-actions a,.phone-actions button:nth-child(3){color:#eff6ff;background:#ffffff14}.phone-poster{background:radial-gradient(circle at 52% 35%,#baf7e82e,#0000 28%),radial-gradient(circle at 22% 78%,#fcd34d1f,#0000 26%),linear-gradient(145deg,#111827db,#060a18fa);border:1px solid #c7d2fe33;border-radius:38px;place-items:center;min-height:620px;margin:0;display:grid;position:relative;overflow:hidden;transform:perspective(900px)rotateY(-3deg);box-shadow:0 36px 90px #00000073,inset 0 1px #ffffff2e}.phone-poster:before{content:"";z-index:0;border:1px solid #7dd3fc26;border-radius:50%;position:absolute;inset:12%;box-shadow:0 0 0 70px #7dd3fc06,0 0 0 140px #c4b5fd05}.phone-case-screenshot{z-index:1;object-fit:cover;object-position:top;opacity:.9;border:1px solid #baf7e84d;border-radius:26px;width:min(58%,430px);height:44%;position:absolute;top:11%;left:8%;transform:rotate(-4deg);box-shadow:0 28px 74px #00000061,inset 0 1px #fff3}.phone-poster figcaption{z-index:3;color:#fef3c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a1494;border-left:3px solid #facc15;padding:13px 18px;font-family:Comic Sans MS,Microsoft YaHei,sans-serif;font-size:clamp(18px,2vw,26px);position:absolute;bottom:24px;left:28px;right:28px}.phone-desk-note{z-index:1;color:#0b1220;background:linear-gradient(135deg,#fffbebf5,#ccfbf1e6);border-radius:16px;padding:14px 16px;position:absolute;box-shadow:0 20px 44px #00000047}.phone-desk-note.lyric{top:13%;left:9%;transform:rotate(-6deg)}.phone-desk-note.calendar{top:15%;right:10%;transform:rotate(5deg)}.phone-desk-note.message{color:#eff6ff;background:#38bdf833;bottom:28%;right:7%;transform:rotate(-2deg)}.phone-device{z-index:2;color:#eff6ff;background:radial-gradient(circle at 45% 20%,#baf7e83d,#0000 24%),linear-gradient(160deg,#0f172ac2,#020617f5);border:1px solid #ffffff42;border-radius:42px;width:min(260px,70vw);min-height:500px;padding:22px;position:relative;box-shadow:0 36px 74px #0000007a,inset 0 1px #ffffff52,inset 0 -18px 60px #0ea5e914}.phone-speaker{background:#ffffff47;border-radius:999px;width:70px;height:6px;margin:0 auto 20px}.phone-device header,.phone-music-card{justify-content:space-between;align-items:center;gap:10px;display:flex}.phone-device small,.phone-visual-card small{color:#e2f6ffad}.phone-pal-state{background:#ffffff0f;border:1px solid #7dd3fc33;border-radius:28px;margin:22px 0;padding:22px}.phone-pal-state i{background:radial-gradient(circle at 36% 38%,#ecfeff,#0000 14%),radial-gradient(circle at 62% 55%,#10b981b8,#0000 18%),linear-gradient(145deg,#93c5fd,#22d3ee);border-radius:34% 52% 42% 56%;width:72px;height:72px;margin:0 auto 18px;display:block;box-shadow:0 0 34px #2dd4bf7a}.phone-pal-state h3{margin:0 0 8px}.phone-music-card{background:#16a34a1f;border-radius:18px;padding:13px}.phone-mini-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;display:grid}.phone-mini-grid span{background:#ffffff13;border-radius:14px;padding:12px 8px;font-size:12px}.phone-section{background:linear-gradient(#080d1feb,#0d1224f5)}.phone-dark{border-top:1px solid #7dd3fc1f}.phone-section-label{max-width:860px;margin-bottom:30px}.phone-section-label h2{max-width:980px;font-size:clamp(34px,5vw,68px)}.phone-why-grid,.phone-columns,.phone-key-experience{grid-template-columns:minmax(0,.82fr) minmax(320px,.78fr);gap:clamp(26px,5vw,72px);display:grid}.phone-slice-stack{align-content:start;gap:18px;display:grid}.phone-paper{color:#211629;background:radial-gradient(circle at 80% 10%,#14b8a61f,#0000 25%),linear-gradient(135deg,#fff7ed,#e7f8f6 56%,#f8fafc)}.phone-paper .phone-section-label small,.phone-paper .phone-section-label h2,.phone-paper p,.phone-paper h3{color:#211629}.phone-list-block{gap:11px;display:grid}.phone-list-block h3{margin:0 0 8px}.phone-list-block p{background:#ffffff12;border:1px solid #6366f12e;border-radius:16px;margin:0;padding:14px 16px}.phone-paper .phone-list-block p{background:#ffffffb3}.phone-before-after{gap:12px;margin-top:32px;display:grid}.phone-before-after p{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:0;display:grid}.phone-before-after p:before{content:"→";color:#0f766e;grid-column:2;font-weight:900}.phone-before-after span,.phone-before-after strong{background:#ffffffbf;border-radius:18px;padding:14px 16px}.phone-before-after strong{color:#0f766e;background:#2dd4bf29;grid-column:3}.phone-life-map{grid-template-columns:minmax(220px,.66fr) minmax(240px,.74fr) minmax(0,1.4fr);align-items:start;gap:22px;display:grid}.phone-core{background:radial-gradient(circle,#2dd4bf2e,#ffffff0a 62%,#0000 63%);border:1px solid #7dd3fc33;border-radius:32px;place-items:center;min-height:330px;display:grid}.phone-core strong,.phone-core span{display:block}.phone-device-mini{background:linear-gradient(160deg,#1e293bdb,#080d1cf2);border:1px solid #ffffff4d;border-radius:24px;width:94px;height:142px;padding:16px;box-shadow:0 22px 48px #00000061}.phone-device-mini i{background:#2dd4bf2e;border-radius:999px;height:20px;margin-bottom:11px;display:block}.phone-flow{gap:10px;display:grid}.phone-flow p,.phone-modules article,.phone-experience-copy article,.phone-visual-card{background:#ffffff12;border:1px solid #7dd3fc2b;border-radius:18px;padding:15px;box-shadow:0 18px 42px #00000038}.phone-flow small{color:#5eead4;margin-right:10px}.phone-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.phone-modules h3,.phone-experience-copy h3{color:#f8fbff;margin:0 0 8px}.phone-sticky-mockup{align-self:start;place-items:center;display:grid;position:sticky;top:90px}.phone-experience-copy{gap:18px;display:grid}.phone-experience-copy blockquote{color:#ccfbf1;background:#14b8a61a;border-left:3px solid #5eead4;margin:12px 0 0;padding:10px 13px}.phone-showcase-rail{gap:18px;padding-bottom:18px;display:flex;overflow-x:auto}.phone-showcase-rail>article{flex:0 0 min(460px,78vw)}.phone-visual-card{color:#eef9ff;background:radial-gradient(circle at 72% 18%,#2dd4bf33,#0000 24%),linear-gradient(145deg,#0f172af2,#070a18f0);min-height:230px;margin:0}.phone-paper .phone-visual-card{color:#eef9ff}.phone-visual-card>div{place-items:center;min-height:145px;display:grid}.phone-visual-card>div span{color:#e2f6ff9e;margin-top:10px;font-size:12px}.phone-visual-card figcaption{gap:6px;display:grid}.visual-home{background:linear-gradient(145deg,#1e293bf2,#0ea5e933)}.visual-chat{background:linear-gradient(145deg,#312e81f0,#a855f72e)}.visual-mood{background:linear-gradient(145deg,#581c87e0,#fbbf2429)}.visual-music{background:linear-gradient(145deg,#0c4a6ee6,#22c55e29)}.visual-memory{background:linear-gradient(145deg,#4338cadb,#ec489924)}.visual-boundary{background:linear-gradient(145deg,#1f2937f2,#94a3b82e)}.phone-note-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.phone-note-grid article{color:#261b31;background:linear-gradient(135deg,#fff7ed,#ccfbf1);border:1px solid #fbbf243d;border-radius:12px;min-height:250px;padding:22px;box-shadow:0 22px 46px #0000003d}.phone-note-grid article:first-child{transform:rotate(-1.6deg)}.phone-note-grid article:nth-child(2){transform:rotate(1.1deg)}.phone-note-grid article:nth-child(3){transform:rotate(-.7deg)}.phone-hand-note{color:#fde68a;text-align:center;max-width:680px;margin:32px auto;font-family:Comic Sans MS,Microsoft YaHei,sans-serif;font-size:clamp(20px,2.2vw,32px)}.phone-timeline,.phone-not-doing{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.phone-timeline p,.phone-not-doing span{background:#ffffff14;border-radius:16px;margin:0;padding:14px}.phone-timeline strong,.phone-timeline span{display:block}.phone-not-doing{margin-top:18px}.phone-not-doing span{color:#fecaca;border:1px dashed #fca5a54d}.phone-reflection blockquote{color:#eff6ff;border-left:3px solid #5eead4;max-width:920px;margin:32px 0;padding:18px 22px;font-size:clamp(20px,2vw,30px);line-height:1.65}@media (width<=980px){.phone-hero,.phone-why-grid,.phone-columns,.phone-key-experience,.phone-life-map,.phone-note-grid{grid-template-columns:1fr}.phone-toc{position:static}.phone-poster{min-height:560px;transform:none}.phone-modules,.phone-before-after p{grid-template-columns:1fr}.phone-before-after p:before{grid-column:auto;justify-self:center}.phone-before-after strong{grid-column:auto}}.analysis-case{color:#f4fbf7;background:radial-gradient(circle at 78% 8%,#3b82f62e,#0000 28%),radial-gradient(circle at 18% 18%,#14b8a62e,#0000 30%),linear-gradient(#06130f 0%,#0c1718 46%,#07110e 100%);min-height:100%}.analysis-case section{padding:clamp(34px,5vw,74px);position:relative}.analysis-back{z-index:8;color:#edfdf7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#06130fb8;border:1px solid #bfdbfe33;border-radius:999px;align-items:center;gap:8px;margin:20px 0 0 24px;padding:9px 14px;display:inline-flex;position:sticky;top:12px}.analysis-toc{z-index:7;gap:8px;max-width:calc(100% - 48px);margin:14px 24px 0;padding-bottom:8px;display:flex;position:sticky;top:58px;overflow-x:auto}.analysis-toc a{color:#edfdf7bd;background:#ffffff0e;border:1px solid #93c5fd2e;border-radius:999px;flex:none;padding:8px 12px;font-size:12px;text-decoration:none}.analysis-hero{grid-template-columns:minmax(0,.9fr) minmax(380px,.92fr);align-items:center;gap:clamp(28px,5vw,72px);min-height:760px;display:grid}.analysis-hero-copy>span,.analysis-section-label small{color:#60a5fa;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}.analysis-hero h1,.analysis-section-label h2{margin:12px 0 16px;font-family:Georgia,Times New Roman,serif;line-height:1.08}.analysis-hero h1{text-shadow:0 18px 42px #14b8a62e;max-width:820px;font-size:clamp(46px,6.6vw,92px)}.analysis-hero p,.analysis-section p,.analysis-paper p{color:#edfdf7c7;line-height:1.9}.analysis-hero-copy>p:first-of-type{color:#fef3c7;max-width:820px;font-size:clamp(19px,2vw,31px);line-height:1.5}.analysis-tags,.analysis-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.analysis-tags span{color:#e0f2fe;background:#2563eb1a;border:1px solid #60a5fa40;border-radius:999px;padding:8px 12px}.analysis-actions a,.analysis-actions button{color:#07130f;background:linear-gradient(135deg,#fef3c7,#7dd3fc);border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:11px 16px;font-weight:800;text-decoration:none;display:inline-flex}.analysis-actions a:nth-child(2),.analysis-actions button{color:#edfdf7;background:#ffffff14}.analysis-desk{background:linear-gradient(90deg,#ffffff0a 1px,#0000 1px) 0 0/34px 34px,linear-gradient(0deg,#ffffff09 1px,#0000 1px) 0 0/34px 34px,radial-gradient(circle at 52% 42%,#3b82f62e,#0000 30%),linear-gradient(145deg,#081c16eb,#050c10fa);border:1px solid #bfdbfe30;border-radius:38px;place-items:center;min-height:620px;margin:0;display:grid;position:relative;overflow:hidden;transform:perspective(900px)rotateY(-3deg);box-shadow:0 36px 92px #00000073,inset 0 1px #ffffff29}.analysis-case-screenshot{z-index:1;object-fit:cover;object-position:top;opacity:.88;border:1px solid #bfdbfe42;border-radius:24px;width:min(58%,520px);height:48%;position:absolute;top:10%;left:6%;transform:rotate(-3deg);box-shadow:0 30px 78px #0000006b,inset 0 1px #ffffff29}.desk-paper,.desk-output{z-index:3;color:#102018;background:linear-gradient(135deg,#fffdf4,#dbeafe);border-radius:16px;padding:14px 16px;position:absolute;box-shadow:0 20px 44px #00000047}.desk-paper.excel{top:12%;left:8%;transform:rotate(-7deg)}.desk-paper.product{bottom:28%;left:10%;transform:rotate(5deg)}.desk-paper.return{border:1px solid #f973164d;top:14%;right:11%;transform:rotate(6deg)}.desk-output.report{color:#edfdf7;background:#3b82f633;bottom:30%;right:8%}.desk-output.prd{color:#fef3c7;background:#f973162e;bottom:17%;right:20%}.analysis-workbench{z-index:4;color:#f8fafc;background:radial-gradient(circle at 50% 18%,#60a5fa57,#0000 24%),linear-gradient(145deg,#0f172adb,#061214f2);border:1px solid #93c5fd47;border-radius:34px;place-items:center;width:min(310px,72vw);min-height:230px;padding:28px;display:grid;position:relative;box-shadow:0 30px 80px #00000070,inset 0 1px #fff3}.analysis-workbench strong,.analysis-workbench span{display:block}.analysis-desk figcaption{z-index:5;color:#fef3c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060f109e;border-left:3px solid #f97316;padding:13px 18px;font-family:Comic Sans MS,Microsoft YaHei,sans-serif;font-size:clamp(18px,2vw,26px);position:absolute;bottom:24px;left:28px;right:28px}.analysis-section-label{max-width:980px;margin-bottom:30px}.analysis-section-label h2{font-size:clamp(34px,5vw,68px)}.analysis-why-grid,.analysis-columns,.analysis-key-experience{grid-template-columns:minmax(0,.82fr) minmax(320px,.78fr);gap:clamp(26px,5vw,72px);display:grid}.analysis-evidence-stack{align-content:start;gap:18px;display:grid}.analysis-section{background:linear-gradient(#050e0df0,#091316f5)}.analysis-paper{color:#1b241d;background:radial-gradient(circle at 82% 12%,#3b82f624,#0000 26%),linear-gradient(135deg,#fffdf4,#e6f4ef 58%,#f8fafc)}.analysis-paper .analysis-section-label small,.analysis-paper .analysis-section-label h2,.analysis-paper p,.analysis-paper h3{color:#1b241d}.analysis-list-block{gap:11px;display:grid}.analysis-list-block h3{margin:0 0 8px}.analysis-list-block p{background:#ffffff12;border:1px solid #3b82f62b;border-radius:16px;margin:0;padding:14px 16px}.analysis-paper .analysis-list-block p{background:#ffffffb8}.analysis-before-after{gap:12px;margin-top:32px;display:grid}.analysis-before-after p{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:0;display:grid}.analysis-before-after p:before{content:"→";color:#2563eb;grid-column:2;font-weight:900}.analysis-before-after span,.analysis-before-after strong{background:#ffffffc7;border-radius:18px;padding:14px 16px}.analysis-before-after strong{color:#065f46;background:#14b8a629;grid-column:3}.analysis-pipeline{grid-template-columns:minmax(180px,.56fr) minmax(220px,.66fr) minmax(0,1.4fr);align-items:start;gap:22px;display:grid}.analysis-source-pile{gap:14px;display:grid}.analysis-source-pile span{color:#1b241d;background:linear-gradient(135deg,#fffdf4,#bfdbfe);border-radius:12px;padding:16px;box-shadow:0 18px 38px #00000038}.analysis-source-pile span:nth-child(2){transform:translate(18px)rotate(2deg)}.analysis-source-pile span:nth-child(3){transform:translate(-8px)rotate(-2deg)}.analysis-flow{gap:10px;display:grid}.analysis-flow p,.analysis-modules article,.analysis-experience-copy article,.analysis-visual-card{background:#ffffff12;border:1px solid #93c5fd2b;border-radius:18px;padding:15px;box-shadow:0 18px 42px #00000038}.analysis-flow small{color:#60a5fa;margin-right:10px}.analysis-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.analysis-modules h3,.analysis-experience-copy h3{color:#f8fbff;margin:0 0 8px}.analysis-sticky-mockup{align-self:start;position:sticky;top:90px}.analysis-workbench-mock{color:#edfdf7;background:linear-gradient(90deg,#ffffff0a 1px,#0000 1px) 0 0/28px 28px,linear-gradient(0deg,#ffffff09 1px,#0000 1px) 0 0/28px 28px,linear-gradient(#ffffff1f,#ffffff0b);border:1px solid #93c5fd42;border-radius:26px;max-width:430px;min-height:540px;margin:0 auto;padding:26px;box-shadow:0 34px 86px #00000061,inset 0 1px #fff3}.analysis-workbench-mock>span{color:#60a5fa;letter-spacing:.1em;font-size:12px;font-weight:800}.mapping-row{background:#ffffff14;border-radius:14px;grid-template-columns:62px 1fr 92px;align-items:center;gap:10px;margin-top:18px;padding:14px;display:grid}.mapping-row i{background:linear-gradient(90deg,#60a5fa,#14b8a6);border-radius:999px;height:8px}.report-block{background:#f973161a;border:1px solid #f9731638;border-radius:20px;margin-top:28px;padding:18px}.analysis-experience-copy{gap:18px;display:grid}.analysis-experience-copy blockquote{color:#fed7aa;background:#f973161a;border-left:3px solid #f97316;margin:12px 0 0;padding:10px 13px}.analysis-showcase-rail{gap:18px;padding-bottom:18px;display:flex;overflow-x:auto}.analysis-showcase-rail>article{flex:0 0 min(460px,78vw)}.analysis-visual-card{color:#eef9ff;background:radial-gradient(circle at 72% 18%,#60a5fa33,#0000 24%),linear-gradient(145deg,#0f172af2,#071210f0);min-height:230px;margin:0}.analysis-paper .analysis-visual-card{color:#eef9ff}.analysis-visual-card>div{place-items:center;min-height:145px;display:grid}.analysis-visual-card>div i{background:linear-gradient(145deg,#dbeafe,#60a5fa);border-radius:18px;width:120px;height:82px;box-shadow:0 22px 42px #00000047}.analysis-visual-card>div span{color:#e2f6ff9e;margin-top:10px;font-size:12px}.analysis-visual-card figcaption{gap:6px;display:grid}.analysis-visual-card small{color:#e2f6ffad}.visual-import>div i{background:linear-gradient(145deg,#fffdf4,#bfdbfe)}.visual-mapping>div i{background:linear-gradient(145deg,#60a5fa,#14b8a6)}.visual-cleaning>div i{background:linear-gradient(145deg,#d1fae5,#38bdf8)}.visual-card>div i{background:linear-gradient(145deg,#fef3c7,#60a5fa)}.visual-ai>div i{background:linear-gradient(145deg,#c4b5fd,#38bdf8)}.visual-report>div i{background:linear-gradient(145deg,#fff7ed,#f97316)}.visual-prd>div i{background:linear-gradient(145deg,#dbeafe,#0f766e)}.visual-after-sale>div i{background:linear-gradient(145deg,#fed7aa,#ef4444)}.analysis-note-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.analysis-note-grid article{color:#1b241d;background:linear-gradient(135deg,#fffdf4,#dbeafe);border:1px solid #60a5fa3d;border-radius:12px;min-height:250px;padding:22px;box-shadow:0 22px 46px #0000003d}.analysis-note-grid article:first-child{transform:rotate(-1.6deg)}.analysis-note-grid article:nth-child(2){transform:rotate(1.1deg)}.analysis-note-grid article:nth-child(3){transform:rotate(-.7deg)}.analysis-hand-note{color:#fde68a;text-align:center;max-width:680px;margin:32px auto;font-family:Comic Sans MS,Microsoft YaHei,sans-serif;font-size:clamp(20px,2.2vw,32px)}.analysis-timeline,.analysis-not-doing{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.analysis-timeline p,.analysis-not-doing span{background:#ffffff14;border-radius:16px;margin:0;padding:14px}.analysis-timeline strong,.analysis-timeline span{display:block}.analysis-not-doing{margin-top:18px}.analysis-not-doing span{color:#fed7aa;border:1px dashed #f973164d}.analysis-reflection blockquote{color:#eff6ff;border-left:3px solid #60a5fa;max-width:920px;margin:32px 0;padding:18px 22px;font-size:clamp(20px,2vw,30px);line-height:1.65}@media (width<=980px){.analysis-hero,.analysis-why-grid,.analysis-columns,.analysis-key-experience,.analysis-pipeline,.analysis-note-grid{grid-template-columns:1fr}.analysis-toc{position:static}.analysis-desk{min-height:560px;transform:none}.analysis-modules,.analysis-before-after p{grid-template-columns:1fr}.analysis-before-after p:before{grid-column:auto;justify-self:center}.analysis-before-after strong{grid-column:auto}}.controller-case{color:#eef7f4;background:radial-gradient(circle at 72% 10%,#34d3992e,#0000 32%),radial-gradient(circle at 16% 46%,#f973161f,#0000 36%),linear-gradient(#071622 0%,#0b1d28 48%,#071016 100%);border-radius:0 0 28px 28px;min-height:100%;position:relative;overflow:hidden}.controller-case section{padding:clamp(52px,7vw,104px) clamp(22px,5vw,84px)}.controller-back{z-index:12;color:#eef7f4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff12;border:1px solid #94a3b852;border-radius:999px;align-items:center;gap:8px;margin:18px 0 0 22px;padding:9px 13px;display:inline-flex;position:sticky;top:16px}.controller-toc{z-index:10;gap:8px;max-width:200px;display:grid;position:fixed;top:108px;right:clamp(18px,4vw,54px)}.controller-toc a{color:#eef7f4b8;background:#ffffff0e;border:1px solid #94a3b838;border-radius:999px;padding:7px 10px;font-size:12px;text-decoration:none}.controller-hero{grid-template-columns:minmax(0,.9fr) minmax(400px,1.1fr);align-items:center;gap:clamp(32px,5vw,74px);display:grid}.controller-hero-copy>span,.controller-section-label small{color:#34d399;letter-spacing:.1em;font-size:12px;font-weight:800}.controller-hero-copy h1{color:#f8fffc;text-shadow:0 0 40px #34d39933;margin:12px 0 18px;font-size:clamp(42px,5.6vw,88px);line-height:1.02}.controller-hero-copy p,.controller-section p{color:#eef7f4d1;max-width:780px;font-size:clamp(15px,1.04vw,18px);line-height:1.85}.controller-tags,.controller-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.controller-tags span{color:#eef7f4;background:#ffffff12;border:1px solid #34d39952;border-radius:999px;padding:8px 12px}.controller-actions a,.controller-actions button{color:#06141e;background:linear-gradient(135deg,#9af6d3,#34d399);border:1px solid #34d39959;border-radius:999px;align-items:center;gap:8px;padding:11px 16px;text-decoration:none;display:inline-flex;box-shadow:0 18px 42px #0000003d,inset 0 1px #ffffff73}.controller-actions a{color:#eef7f4;background:#ffffff14}.controller-poster{background:linear-gradient(90deg,#ffffff0e 1px,#0000 1px) 0 0/34px 34px,linear-gradient(0deg,#ffffff0b 1px,#0000 1px) 0 0/34px 34px,radial-gradient(circle at 50% 42%,#34d3992e,#0000 30%),linear-gradient(145deg,#ffffff1c,#ffffff09);border:1px solid #94a3b838;border-radius:34px;min-height:520px;margin:0;position:relative;overflow:hidden;box-shadow:0 34px 100px #0000006b,inset 0 1px #ffffff2e}.controller-case-screenshot{z-index:1;object-fit:cover;object-position:top;border:1px solid #9af6d357;border-radius:26px;width:min(42%,320px);height:68%;position:absolute;top:10%;right:7%;transform:rotate(3deg);box-shadow:0 30px 74px #0000006b,inset 0 1px #ffffff2e}.pump-body{z-index:2;background:linear-gradient(145deg,#d9e2ea,#64748b);border-radius:30px;width:230px;height:116px;position:absolute;bottom:34%;left:18%;box-shadow:0 28px 64px #0000005c,inset -22px -18px 30px #0f172a3d}.pump-body i{background:linear-gradient(145deg,#e2e8f0,#334155);border-radius:50%;width:86px;height:66px;position:absolute;top:25px;right:-48px}.pump-body span,.controller-chip,.cloud-node,.mini-node,.alarm-node,.service-node{z-index:3;color:#eef7f4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:16px;padding:12px 14px;position:absolute;box-shadow:0 20px 42px #00000038}.pump-body span{bottom:18px;left:22px}.controller-chip{color:#06141e;background:linear-gradient(145deg,#9af6d3,#34d399);place-items:center;width:100px;height:100px;display:grid;top:40%;left:50%;transform:translate(-50%,-50%)}.cloud-node{top:16%;right:12%}.mini-node{bottom:28%;right:11%}.alarm-node{color:#fed7aa;border-color:#f9731657;top:16%;left:12%}.service-node{bottom:16%;left:13%}.controller-poster:after{content:"";z-index:0;border:1px dashed #34d39947;border-radius:50%;position:absolute;inset:18% 16%;transform:rotate(-12deg)}.controller-poster figcaption{color:#06141e;text-align:center;background:#9af6d3e6;border-radius:999px;width:min(80%,560px);padding:12px 18px;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.controller-section-label{margin-bottom:clamp(22px,4vw,44px)}.controller-section-label h2{color:#f8fffc;margin:8px 0 0;font-size:clamp(30px,4.2vw,64px);line-height:1.08}.controller-why-grid,.controller-columns,.controller-key-experience{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:clamp(24px,5vw,68px);display:grid}.controller-list-block{gap:12px;display:grid}.controller-list-block h3{color:inherit;margin:0}.controller-list-block p{background:#ffffff13;border-left:3px solid #34d39975;border-radius:14px;margin:0;padding:12px 14px}.controller-evolution-stack{gap:18px;display:grid}.controller-evolution-stack .controller-visual-card:first-child{transform:rotate(-2deg)}.controller-evolution-stack .controller-visual-card:nth-child(2){transform:translate(28px)rotate(1.5deg)}.controller-evolution-stack .controller-visual-card:nth-child(3){transform:translate(-10px)rotate(-1deg)}.controller-paper{color:#10202a;background:linear-gradient(90deg,#0f172a14 1px,#0000 1px) 0 0/32px 32px,linear-gradient(0deg,#0f172a0f 1px,#0000 1px) 0 0/32px 32px,linear-gradient(135deg,#eff6f4,#dce6e9)}.controller-paper .controller-section-label h2,.controller-paper h3,.controller-paper p{color:#10202a}.controller-paper .controller-list-block p{background:#ffffff94}.controller-before-after{gap:14px;margin-top:34px;display:grid}.controller-before-after p{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:0;display:grid}.controller-before-after p:before{content:"→";color:#f97316;grid-column:2}.controller-before-after span,.controller-before-after strong{background:#ffffff9e;border-radius:14px;padding:14px 16px}.controller-before-after strong{background:#34d39938}.controller-layer-map{grid-template-columns:minmax(220px,.72fr) minmax(240px,.78fr) minmax(0,1.5fr);align-items:start;gap:22px;display:grid}.controller-field{background:radial-gradient(circle,#34d3992e,#ffffff0a 62%,#0000 63%);border:1px solid #94a3b83d;border-radius:30px;place-items:center;min-height:320px;display:grid;box-shadow:0 30px 80px #00000040}.controller-field i{background:linear-gradient(145deg,#e2e8f0,#64748b);border-radius:22px;width:130px;height:88px;box-shadow:0 18px 44px #0000004d}.controller-field span,.controller-field strong{position:absolute}.controller-field span{color:#eef7f4ad;margin-top:-210px}.controller-field strong{margin-top:172px}.controller-layers{gap:9px;display:grid}.controller-layers p,.controller-modules article,.controller-experience-copy article,.controller-visual-card{background:#ffffff12;border:1px solid #94a3b82e;border-radius:18px;padding:15px;box-shadow:0 18px 42px #0003}.controller-layers small{color:#34d399;margin-right:10px}.controller-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.controller-modules h3,.controller-experience-copy h3{color:#f8fffc;margin:0 0 8px}.controller-sticky-panel{align-self:start;position:sticky;top:90px}.controller-platform-mock{background:linear-gradient(#ffffff1f,#ffffff0b);border:1px solid #94a3b842;border-radius:26px;max-width:430px;min-height:520px;margin:0 auto;padding:26px;box-shadow:0 34px 86px #00000061,inset 0 1px #fff3}.controller-platform-mock>span{color:#34d399;letter-spacing:.1em;font-size:12px;font-weight:800}.status-row{background:#ffffff14;border-radius:14px;align-items:center;gap:10px;margin-top:18px;padding:14px;display:flex}.status-row i{border-radius:50%;width:11px;height:11px}.status-row .ok{background:#22c55e;box-shadow:0 0 18px #22c55e99}.status-row .warn{background:#f97316;box-shadow:0 0 18px #f9731699}.status-row .off{background:#94a3b8}.controller-experience-copy{gap:18px;display:grid}.controller-showcase-rail{gap:18px;padding-bottom:18px;display:flex;overflow-x:auto}.controller-showcase-rail>article{flex:0 0 min(520px,78vw)}.controller-visual-card{color:#eef7f4;background:radial-gradient(circle at 76% 16%,#34d3992e,#0000 24%),linear-gradient(145deg,#0f2330f2,#08161ef0);min-height:250px;margin:0}.controller-paper .controller-visual-card{color:#eef7f4}.controller-visual-card>div{place-items:center;min-height:170px;display:grid}.controller-visual-card>div i{background:linear-gradient(145deg,#d7dee6,#64748b);border-radius:18px;width:112px;height:76px;box-shadow:0 24px 44px #00000052}.controller-visual-card figcaption{gap:6px;display:grid}.controller-visual-card small{color:#eef7f4ad}.visual-cloud>div i{background:linear-gradient(145deg,#0ea5e9,#34d399);border-radius:50%}.visual-control>div i{background:linear-gradient(145deg,#e2e8f0,#34d399)}.visual-alarm>div i{background:linear-gradient(145deg,#fed7aa,#f97316)}.visual-workorder>div i{background:linear-gradient(145deg,#fff,#94a3b8)}.visual-permission>div i{background:linear-gradient(145deg,#c4b5fd,#334155)}.visual-service>div i{background:linear-gradient(145deg,#bbf7d0,#64748b)}.controller-note-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.controller-note-grid article{color:#10202a;background:linear-gradient(135deg,#edf4f2,#cbd5e1);border:1px solid #94a3b847;border-radius:12px;min-height:250px;padding:22px;box-shadow:0 22px 46px #0000003d}.controller-note-grid article:first-child{transform:rotate(-1.5deg)}.controller-note-grid article:nth-child(2){transform:rotate(1.2deg)}.controller-note-grid article:nth-child(3){transform:rotate(-.7deg)}.controller-timeline{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:32px;display:grid}.controller-timeline p{background:#ffffff14;border-radius:16px;margin:0;padding:14px}.controller-timeline strong,.controller-timeline span{display:block}.controller-reflection blockquote{color:#eef7f4;border-left:3px solid #34d399;max-width:900px;margin:32px 0;padding:18px 22px;font-size:clamp(20px,2vw,30px);line-height:1.65}@media (width<=980px){.controller-hero,.controller-why-grid,.controller-columns,.controller-key-experience,.controller-layer-map,.controller-note-grid{grid-template-columns:1fr}.controller-toc{max-width:none;margin:12px 18px 0;position:static}.controller-poster{min-height:480px}.controller-modules,.controller-before-after p{grid-template-columns:1fr}.controller-before-after p:before{grid-column:auto;justify-self:center}}.job-case{color:#f8fbff;background:radial-gradient(circle at 72% 14%,#34d39924,#0000 26%),radial-gradient(circle at 18% 30%,#60a5fa24,#0000 28%),linear-gradient(160deg,#06101f 0%,#0d1328 44%,#08131a 100%);min-height:100%}.job-case section{padding:clamp(34px,5vw,74px);position:relative}.job-back{z-index:10;color:#dcfce7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030a16b8;border:1px solid #8ef6c247;border-radius:999px;align-items:center;gap:8px;margin:18px 0 0 20px;padding:10px 14px;display:inline-flex;position:sticky;top:16px}.job-toc{z-index:9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050c1994;border:1px solid #94a3b82e;border-radius:999px;flex-wrap:wrap;gap:8px;max-width:1100px;margin:14px auto 0;padding:8px;display:flex;position:sticky;top:64px}.job-toc a{color:#e2e8f0b8;border-radius:999px;padding:7px 10px;font-size:12px;text-decoration:none}.job-toc a:hover{color:#ecfdf5;background:#8ef6c21f}.job-hero{grid-template-columns:minmax(0,.92fr) minmax(380px,1fr);align-items:center;gap:clamp(28px,5vw,78px);min-height:760px;display:grid}.job-hero-copy>span,.job-section-label small{color:#8ef6c2;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:900}.job-hero h1{color:#f8fbff;letter-spacing:0;text-shadow:0 18px 70px #34d39947;margin:12px 0 10px;font-size:clamp(54px,7vw,104px);line-height:.92}.job-hero-copy>p{color:#e2e8f0c7;max-width:760px;font-size:16px;line-height:1.85}.job-hero-copy>p:first-of-type{color:#dcfce7;font-size:clamp(20px,2.4vw,34px);line-height:1.35}.job-tags{flex-wrap:wrap;gap:9px;margin:24px 0;display:flex}.job-tags span{color:#d1fae5;background:#14b8a61a;border:1px solid #8ef6c247;border-radius:999px;padding:8px 12px;box-shadow:inset 0 1px #ffffff29}.job-actions{flex-wrap:wrap;gap:12px;display:flex}.job-actions button,.job-actions a{color:#f8fbff;background:#ffffff14;border:1px solid #8ef6c238;border-radius:999px;align-items:center;gap:8px;padding:12px 16px;text-decoration:none;display:inline-flex}.job-actions button:first-child,.job-actions a:first-of-type{color:#06221b;background:linear-gradient(135deg,#bbf7d0,#60a5fa)}.job-poster{background:radial-gradient(circle at 50% 40%,#34d3992e,#0000 33%),linear-gradient(145deg,#0f172aeb,#030712f5);border:1px solid #94a3b847;border-radius:38px;min-height:640px;margin:0;position:relative;overflow:hidden;transform:perspective(1100px)rotateY(-4deg)rotateX(2deg);box-shadow:0 46px 100px #0000007a,inset 0 1px #ffffff38,inset 0 -38px 80px #0206176b}.job-poster:before{content:"";filter:drop-shadow(0 0 22px #8ef6c238);border:1px dashed #8ef6c22e;border-radius:50%;position:absolute;inset:8%}.job-browser{color:#10202a;background:linear-gradient(#f8fafceb,#d1d5dbc7);border:1px solid #94a3b83d;border-radius:24px;width:58%;min-height:360px;padding:22px;position:absolute;top:13%;left:7%;box-shadow:0 28px 70px #0000006b}.job-browser>span,.job-browser-mock>span{color:#64748b;font-size:12px;font-weight:800}.job-card{color:#0f172a;background:#fff;border-radius:16px;margin-top:28px;padding:16px;box-shadow:0 18px 42px #0f172a2e}.job-card.muted{color:#475569;background:#e2e8f0;transform:translate(42px,10px)rotate(2deg)}.job-side-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06161cd6;border:1px solid #8ef6c252;border-radius:24px;gap:10px;width:245px;padding:20px;display:grid;position:absolute;top:20%;right:8%;box-shadow:0 24px 60px #0006,inset 0 1px #ffffff2e}.job-side-panel svg{color:#8ef6c2;filter:drop-shadow(0 0 16px #8ef6c28c)}.job-side-panel strong{color:#dcfce7;font-size:32px}.job-side-panel small,.job-side-panel em{color:#e2e8f0bd}.risk-ticket,.green-ticket{border-radius:999px;align-items:center;gap:8px;padding:11px 14px;font-weight:900;display:inline-flex;position:absolute;box-shadow:0 18px 44px #00000059}.risk-ticket{color:#451a03;background:#fed7aa;bottom:24%;right:12%}.green-ticket{color:#052e16;background:#bbf7d0;bottom:18%;left:12%}.job-poster figcaption{color:#fde68a;font-family:KaiTi,STKaiti,serif;font-size:clamp(20px,2.5vw,34px);line-height:1.5;position:absolute;bottom:8%;left:12%;right:10%}.job-section-label h2{color:#f8fbff;max-width:960px;margin:8px 0 28px;font-size:clamp(30px,4.4vw,60px);line-height:1.08}.job-dark p,.job-section p{color:#e2e8f0c7;line-height:1.85}.job-why-grid,.job-columns,.job-key-experience{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:clamp(24px,4vw,58px);display:grid}.job-signal-stack{gap:18px;display:grid}.job-list-block{gap:10px;display:grid}.job-list-block h3,.job-note-grid h3,.job-experience-copy h3,.job-modules h3{color:#f8fbff;margin:0}.job-list-block p,.job-modules article,.job-experience-copy article{background:#ffffff12;border:1px solid #94a3b82e;border-radius:18px;margin:0;padding:15px}.job-paper{color:#14213a;background:linear-gradient(90deg,#0f172a0f 1px,#0000 1px) 0 0/34px 34px,linear-gradient(135deg,#f8fafc,#e6efe9 58%,#e0f2fe)}.job-paper .job-section-label h2,.job-paper .job-list-block h3,.job-paper .job-showcase-rail h3{color:#10202a}.job-paper .job-section-label small{color:#047857}.job-paper .job-list-block p{color:#1f2937;background:#ffffffad}.job-before-after{gap:12px;margin-top:28px;display:grid}.job-before-after p{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:0;display:grid}.job-before-after p:before{content:"→";color:#047857;grid-column:2;font-weight:900}.job-before-after span,.job-before-after strong{background:#ffffffad;border-radius:16px;padding:16px}.job-before-after strong{background:#bbf7d099}.job-radar-map{grid-template-columns:minmax(240px,.85fr) minmax(180px,.62fr) minmax(0,1.35fr);align-items:center;gap:22px;display:grid}.job-radar-core{background:radial-gradient(circle,#8ef6c252,#0000 38%),repeating-radial-gradient(circle,#8ef6c22e 0 1px,#0000 1px 42px);border:1px solid #8ef6c240;border-radius:34px;align-content:center;place-items:center;gap:10px;min-height:360px;display:grid;box-shadow:inset 0 0 80px #8ef6c21a,0 30px 80px #00000047}.job-radar-core svg{color:#8ef6c2;filter:drop-shadow(0 0 22px #8ef6c2a6)}.job-radar-core strong{font-size:30px}.job-radar-core span{color:#e2e8f09e}.job-flow{gap:10px;display:grid}.job-flow p,.job-modules article{background:#ffffff12;border:1px solid #8ef6c22e;border-radius:16px;margin:0;padding:13px}.job-flow small{color:#8ef6c2;margin-right:10px;font-weight:900}.job-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.job-sticky-mockup{align-self:start;position:sticky;top:98px}.job-browser-mock{background:linear-gradient(#0f172aeb,#030712f5),repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 5px);border:1px solid #8ef6c23d;border-radius:28px;max-width:450px;min-height:560px;margin:0 auto;padding:28px;box-shadow:0 36px 90px #00000073,inset 0 1px #ffffff2e}.score-orbit{color:#8ef6c2;background:radial-gradient(circle,#8ef6c238,#0000 60%);border:1px dashed #8ef6c259;border-radius:50%;place-items:center;width:168px;height:168px;margin:34px auto 18px;display:grid}.job-score-row{grid-template-columns:110px 1fr;align-items:center;gap:12px;margin-top:16px;display:grid}.job-score-row i{background:linear-gradient(90deg,#8ef6c2 74%,#ffffff1f 74%);border-radius:999px;height:10px}.job-score-row.danger i{background:linear-gradient(90deg,#fb7185 34%,#ffffff1f 34%)}.job-experience-copy{gap:18px;display:grid}.job-experience-copy small{color:#8ef6c2;font-weight:900}.job-experience-copy blockquote{color:#dcfce7;border-left:3px solid #8ef6c2;margin:14px 0 0;padding-left:14px}.job-showcase-rail{gap:18px;padding:8px 0 22px;display:flex;overflow-x:auto}.job-showcase-rail>article{border-radius:24px;flex:0 0 min(520px,78vw)}.job-visual-card{color:#ecfdf5;background:radial-gradient(circle at 78% 14%,#8ef6c22e,#0000 24%),linear-gradient(145deg,#0f172af2,#06121cf2);border:1px solid #94a3b833;border-radius:24px;min-height:260px;margin:0 0 14px;overflow:hidden;box-shadow:0 22px 54px #0000003d}.job-visual-card>div{color:#8ef6c2;place-items:center;gap:8px;min-height:180px;display:grid}.job-visual-card figcaption{gap:6px;padding:16px;display:grid}.job-visual-card small{color:#e2e8f0ad}.visual-entry>div{background:linear-gradient(145deg,#60a5fa2e,#0000)}.visual-capture>div{background:linear-gradient(145deg,#8ef6c229,#0000)}.visual-score>div{background:radial-gradient(circle,#8ef6c238,#0000 54%)}.visual-risk>div{color:#fecdd3;background:radial-gradient(circle,#fb71853d,#0000 56%)}.visual-resume>div{background:linear-gradient(145deg,#ffffff29,#0000)}.visual-greeting>div{color:#fed7aa;background:linear-gradient(145deg,#fdba742e,#0000)}.visual-fill>div{background:linear-gradient(145deg,#bbf7d033,#0000)}.visual-list>div{background:linear-gradient(145deg,#94a3b829,#0000)}.job-note-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.job-note-grid article{background:linear-gradient(135deg,#ffffff1a,#8ef6c214);border:1px solid #8ef6c238;border-radius:14px;min-height:260px;padding:24px;box-shadow:0 24px 52px #0000003d}.job-note-grid article:first-child{transform:rotate(-1.4deg)}.job-note-grid article:nth-child(2){transform:rotate(1deg)}.job-note-grid article:nth-child(3){transform:rotate(-.6deg)}.job-hand-note{color:#fde68a;text-align:center;max-width:760px;margin:36px auto;font-family:KaiTi,STKaiti,serif;font-size:clamp(22px,3vw,38px)}.job-timeline,.job-not-doing{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:24px;display:grid}.job-timeline p,.job-not-doing span{background:#ffffff12;border:1px solid #94a3b82e;border-radius:16px;margin:0;padding:14px}.job-timeline strong,.job-timeline span{display:block}.job-reflection blockquote{color:#dcfce7;border-left:3px solid #8ef6c2;max-width:920px;margin:34px 0;padding:18px 22px;font-size:clamp(20px,2vw,30px);line-height:1.65}@media (width<=980px){.job-hero,.job-why-grid,.job-columns,.job-key-experience,.job-radar-map,.job-note-grid{grid-template-columns:1fr}.job-toc{border-radius:22px;margin:12px 18px 0;position:static}.job-poster{min-height:520px;transform:none}.job-browser{width:74%;left:8%}.job-side-panel{width:210px;top:42%;right:6%}.job-before-after p{grid-template-columns:1fr}.job-before-after p:before{grid-column:auto;justify-self:center}.job-modules{grid-template-columns:1fr}}