/* T16 / user-pinned ceramic exhibition: real porcelain, interactive black tile field. */
body.landing-mode{background:#090f0c}.landing-mode>.sidebar,.landing-mode>#app-main{display:none}.workspace-mode>#home-page{display:none}
.home-page{--sans:"Microsoft YaHei","PingFang SC",Arial,sans-serif;--home-black:#090f0c;--home-ink:#172d29;--home-jade:#c5d9cc;--home-white:#f6f8f7;--home-muted:#b0c8ba;background:var(--home-black);color:var(--home-white);overflow:hidden;font-family:var(--sans)}
.home-page a{color:inherit;text-decoration:none}.home-page button{font-family:var(--sans)}.home-page :focus-visible{outline:2px solid #d7e8dd;outline-offset:5px}.home-page p{line-height:1.9}
.home-hero{position:relative;isolation:isolate;height:100svh;min-height:660px;overflow:hidden;background:#090f0c}.home-tiles{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.home-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px clamp(28px,4.7vw,80px);z-index:5}.home-brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;white-space:nowrap}.home-brand-mark{display:grid;place-items:center;width:41px;height:45px;border:1px solid #819c8c;border-radius:7px 7px 18px 18px;font-family:var(--display);font-size:27px;font-weight:400;color:#e7efeb}.home-brand small{display:block;color:#b0c8ba;font-size:10px;font-weight:400;letter-spacing:.08em;margin-top:4px}.home-nav{display:flex;flex-direction:row;gap:28px;color:#b0c8ba;font-size:12px}.home-nav a{min-height:42px;display:flex;align-items:center}.home-nav a:hover{color:#fff}.home-auth{display:flex;align-items:center;gap:12px}.home-user{font-size:11px;color:#b0c8ba;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-auth button{min-height:43px;padding:10px 16px;font-size:12px;border-radius:7px;border:1px solid #647d6d;background:transparent;color:#edf4ef}.home-auth .home-guest{background:#e7efeb;border-color:#e7efeb;color:#172d29}.home-auth button:hover{border-color:#c5d9cc}.home-auth button:disabled,.home-enter:disabled{opacity:.6;cursor:wait}
.home-plate-position{position:absolute;width:min(90vw,112vh);height:min(90vw,112vh);right:calc(min(90vw,112vh)*-.61);top:50%;margin-top:calc(min(90vw,112vh)*-.5);z-index:-1;pointer-events:none;animation:plate-arrive 1.8s cubic-bezier(.16,1,.3,1) both}.home-plate-rotator{width:100%;height:100%;animation:plate-turn 90s linear infinite}.home-plate-rotator img{width:100%;height:100%;object-fit:contain;clip-path:circle(47.5% at 50% 50%);display:block}.home-hero.motion-paused .home-plate-position,.home-hero.motion-paused .home-plate-rotator{animation-play-state:paused}.home-hero.plate-settled .home-plate-position{animation:none;transform:none}
.home-lead{position:absolute;left:clamp(36px,7.2vw,122px);top:50%;transform:translateY(-57%);max-width:650px;z-index:1}.home-origin{display:flex;align-items:center;gap:16px;font-size:11px;color:#b0c8ba;margin-bottom:24px}.home-origin i{width:29px;height:1px;background:#647d6d}.home-lead h1{font-family:var(--display);font-size:clamp(64px,7.3vw,96px);font-weight:400;line-height:1.35;letter-spacing:.025em;text-wrap:balance;color:#f6f8f7;margin:0 0 23px}.home-lead h1 em{color:#c5d9cc;font-weight:400;font-style:normal}.home-lead>p{font-size:15px;color:#c0d3c7;max-width:430px;line-height:2;margin:0}.home-materials{display:flex;gap:20px;margin-top:28px;font-size:11px;color:#aec8b8}.home-materials span+span:before{content:'/';margin-right:20px;color:#6b8979}
.home-entry{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:12px;z-index:2;white-space:nowrap}.home-enter{display:flex;align-items:center;justify-content:center;gap:27px;min-width:226px;min-height:56px;padding:16px 27px;color:#172d29;background:#e7efeb;border:1px solid #e7efeb;border-radius:8px;font-size:14px;font-weight:600;transition:background .18s}.home-enter:hover{background:#fff}.home-enter .icon{width:19px;height:19px}.home-entry-note{font-size:10px;color:#b0c8ba}.home-art-caption{position:absolute;left:clamp(28px,4.7vw,80px);bottom:36px;font-size:10px;color:#b0c8ba;line-height:1.9}.home-scroll{position:absolute;bottom:39px;right:clamp(28px,4.7vw,80px);display:flex;gap:10px;align-items:center;font-size:11px;color:#b0c8ba;min-height:36px}.home-motion{position:absolute;right:clamp(28px,4.7vw,80px);bottom:96px;font-size:10px;color:#b0c8ba;min-height:36px;background:transparent;border:0;padding:8px 0}
.home-about{background:#f3f6f4;color:#172d29;padding:92px clamp(28px,7.2vw,122px) 88px}.home-section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;max-width:1240px;margin:0 auto 48px}.home-section-head h2{font-family:var(--display);font-size:clamp(30px,3vw,43px);line-height:1.65;font-weight:400;max-width:16ch;text-wrap:balance}.home-section-head>div>span{font-size:11px;color:#61736b;display:block;margin-bottom:14px}.home-section-head>p{font-size:14px;line-height:2;max-width:55ch}.home-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;max-width:1240px;margin:0 auto}.home-workflow article{border-top:1px solid #bacdc0;padding-top:22px}.home-workflow b{color:#276653;font-size:11px;font-weight:500}.home-workflow h3{font-family:var(--display);font-weight:400;font-size:23px;margin:18px 0 13px}.home-workflow p{font-size:12px;color:#61736b;line-height:1.9;max-width:39ch}.home-workflow small{display:block;font-size:10px;color:#276653;margin-top:20px;line-height:1.8}
.home-cases{padding:86px clamp(28px,7.2vw,122px) 96px;background:#101c16}.home-cases .home-section-head{margin-bottom:40px}.home-cases .home-section-head>div>span{color:#b0c8ba}.home-cases .home-section-head>p{color:#b0c8ba;font-size:12px;max-width:47ch}.home-cases-list{display:grid;grid-template-columns:1.55fr 1fr;gap:34px 54px;max-width:1240px;margin:auto}.home-case{min-width:0}.home-case-main{grid-row:span 2}.home-case-photo{display:block;width:100%;aspect-ratio:1.8;overflow:hidden;border-radius:9px;background:#172d29;padding:0}.home-case-main .home-case-photo{aspect-ratio:1.08}.home-case-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.home-case-photo:hover img{transform:scale(1.025)}.home-case-copy{padding-top:20px}.home-case-copy>span{font-size:10px;color:#b0c8ba}.home-case-copy h3{font-family:var(--display);font-size:26px;font-weight:400;margin:7px 0 9px}.home-case-main h3{font-size:32px}.home-case-copy p{font-size:12px;color:#b0c8ba;line-height:1.8}.home-link{background:transparent;color:#d5e6da;display:inline-flex;align-items:center;gap:16px;min-height:42px;font-size:11px;padding:6px 0;margin-top:9px}.home-link .icon{width:15px}.home-link:hover{color:#fff}
.home-close{padding:90px 24px 50px;text-align:center;background:#e7efeb;color:#172d29}.home-close>p:first-child{font-size:11px;color:#61736b}.home-close h2{font-family:var(--display);font-size:clamp(31px,3.5vw,47px);font-weight:400;line-height:1.7;margin:18px 0 30px}.home-close .home-enter{margin:0 auto;background:#172d29;color:#edf4ef;border-color:#172d29}.home-close .home-enter:hover{background:#276653}.home-close .home-entry-note{color:#61736b;margin-top:14px}.home-footer{display:flex;justify-content:space-between;gap:20px;max-width:1240px;margin:70px auto 0;padding-top:24px;border-top:1px solid #bacdc0;font-size:10px;line-height:1.9;color:#61736b}
.home-case-dialog{max-width:900px;width:calc(100% - 48px);padding:50px 30px 30px}.home-case-content{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.home-case-content>img{width:100%;height:100%;max-height:470px;object-fit:cover;border-radius:9px}.home-case-content h2{font-family:var(--display);font-size:30px;font-weight:400;line-height:1.6;margin:16px 0}.home-case-content p{font-size:13px;line-height:1.9}.home-case-content dl{font-size:12px;margin:22px 0}.home-case-content dl>div{margin-bottom:12px}.home-case-content dt{color:#61736b;margin-bottom:5px}.home-case-content dd{margin:0;line-height:1.8}.home-case-content .notice{font-size:11px;margin-bottom:20px}
@keyframes plate-arrive{from{transform:translateX(-70%) scale(1.85)}to{transform:translateX(0) scale(1)}}
@keyframes plate-turn{to{transform:rotate(360deg)}}
@media(max-width:1100px){.home-nav{gap:20px;font-size:11px}.home-header{padding:25px 32px;gap:18px}.home-user{display:none}.home-lead{left:60px;max-width:550px}.home-lead h1{font-size:76px}.home-lead>p{max-width:350px;font-size:14px}.home-section-head{gap:34px}.home-cases-list{gap:30px}.home-workflow{gap:28px}}
@media(max-width:850px){.home-nav{display:none}.home-hero{min-height:700px}.home-header{padding:25px 26px}.home-lead{left:42px;top:45%;max-width:450px;transform:translateY(-46%)}.home-lead h1{font-size:66px}.home-lead>p{max-width:330px}.home-plate-position{width:105vh;height:105vh;right:-68vh;margin-top:-52.5vh}.home-about,.home-cases{padding:70px 35px}.home-section-head{gap:28px}.home-section-head h2{font-size:33px}.home-section-head>p{font-size:12px}.home-workflow{gap:23px}.home-workflow h3{font-size:21px}.home-case-main h3{font-size:28px}.home-case-copy h3{font-size:23px}.home-footer{margin-top:55px}}
@media(max-width:600px){.home-hero{height:100svh;min-height:690px}.home-header{padding:22px 20px;gap:10px}.home-brand{font-size:12px;gap:8px}.home-brand-mark{width:31px;height:36px;font-size:23px}.home-brand small{font-size:8px;letter-spacing:0;margin-top:3px}.home-auth{gap:7px}.home-auth button{font-size:10px;min-height:40px;padding:9px 10px;border-radius:6px}.home-lead{left:26px;right:35px;top:41%;transform:translateY(-50%);max-width:none}.home-origin{font-size:10px;gap:12px;margin-bottom:22px}.home-lead h1{font-size:clamp(53px,14vw,67px);line-height:1.4;letter-spacing:.02em;margin-bottom:21px}.home-lead>p{font-size:12px;line-height:2;max-width:22ch}.home-materials{font-size:10px;gap:13px;margin-top:23px}.home-materials span+span:before{margin-right:13px}.home-plate-position{width:85vh;height:85vh;right:-66vh;margin-top:-42.5vh;top:50%}.home-entry{bottom:52px;gap:13px;width:100%;white-space:normal}.home-enter{min-width:216px;min-height:54px;font-size:13px;gap:25px}.home-entry-note{font-size:9px;text-align:center;max-width:33ch;line-height:1.8}.home-art-caption{left:20px;bottom:19px;font-size:8px}.home-scroll{right:20px;bottom:14px;font-size:9px;gap:6px}.home-motion{right:20px;bottom:121px;font-size:9px;min-height:36px}.home-about,.home-cases{padding:60px 25px}.home-section-head{grid-template-columns:1fr;gap:20px;margin-bottom:33px}.home-section-head>div>span{font-size:10px;margin-bottom:12px}.home-section-head h2{font-size:32px;max-width:17ch}.home-section-head>p{font-size:12px;line-height:1.95;max-width:34ch}.home-workflow{grid-template-columns:1fr;gap:30px}.home-workflow article{padding-top:20px}.home-workflow h3{font-size:23px;margin:13px 0 10px}.home-workflow p{font-size:12px;max-width:37ch}.home-workflow small{margin-top:13px}.home-cases-list{grid-template-columns:1fr;gap:35px}.home-case-main{grid-row:auto}.home-case-main .home-case-photo{aspect-ratio:1.05}.home-case-photo{aspect-ratio:1.3}.home-case-copy{padding-top:18px}.home-case-copy h3,.home-case-main h3{font-size:27px}.home-case-copy p{font-size:12px}.home-close{padding:60px 24px 30px}.home-close h2{font-size:32px;line-height:1.8;margin-top:14px}.home-footer{flex-direction:column;align-items:center;gap:8px;font-size:9px;margin-top:45px}.home-case-dialog{width:calc(100% - 28px);padding:45px 20px 23px}.home-case-content{grid-template-columns:1fr;gap:23px}.home-case-content>img{height:230px;max-height:230px}.home-case-content h2{font-size:25px}.home-case-content p{font-size:12px}.home-case-content .button{width:100%}}
@media(prefers-reduced-motion:reduce){.home-plate-position,.home-plate-rotator{animation:none!important;transform:none!important}.home-page *{scroll-behavior:auto!important;transition:none!important}}


/* Keep auxiliary controls legible even when the porcelain rotates beneath them. */
.home-motion,.home-scroll{background:#101c16;border:1px solid #395248;border-radius:5px;color:#edf4ef;padding:6px 10px}

/* Protect foreground content throughout the large porcelain arrival. */
.home-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(9,15,12,.88) 0%,rgba(9,15,12,.88) 48%,rgba(9,15,12,.7) 68%,rgba(9,15,12,0) 94%);opacity:1;transition:opacity .2s}
.home-hero.plate-settled::after{opacity:0}
.home-header{background:linear-gradient(180deg,rgba(9,15,12,.95) 0%,rgba(9,15,12,.95) 78%,rgba(9,15,12,0) 100%)}
.home-auth button:not(.home-guest){background:#101c16}
.home-art-caption,.home-scroll,.home-motion{z-index:2}
.home-section-head h2{max-width:none}
.home-tiles{z-index:0}
.home-hero{overflow:clip}
.home-lead{z-index:2}
.home-entry{z-index:3}
.home-hero::after{z-index:1}
.home-plate-position{width:min(100vw,128vh);height:min(100vw,128vh);right:calc(min(100vw,128vh)*-.26);margin-top:calc(min(100vw,128vh)*-.5)}
@media(max-width:850px){.home-plate-position{width:105vh;height:105vh;right:-50vh;margin-top:-52.5vh}.home-lead{max-width:400px}}
@media(max-width:600px){.home-plate-position{width:85vh;height:85vh;right:-60vh;margin-top:-42.5vh}.home-lead{max-width:none}}
.landing-mode .toast{left:50%;top:110px;bottom:auto}
@media(prefers-reduced-motion:reduce){.home-hero::after{display:none}}

/* T31: visible filing link on the public homepage and existing app footer. */
.home-close>.icp-notice{margin:16px auto 0;font-size:14px;line-height:1.8;color:#52675c}
.icp-notice>.icp-link,#app-main>footer>.icp-link{font-size:14px;line-height:1.8;color:inherit;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.icp-notice>.icp-link:hover,#app-main>footer>.icp-link:hover{color:#276653}
.icp-link:focus-visible{outline:2px solid #276653;outline-offset:4px}
#app-main>footer{flex-wrap:wrap}