/* 圣土ITO · 自动开屏与光柱主页。时间、尺寸和配色均集中在此文件。 */
.portal-mode{background:#030304;color:#f4f3ed;overflow-x:hidden}.portal-mode>.site-header,.portal-mode>footer,.portal-mode>.to-top{display:none}.portal-mode #main{padding:0;margin:0;max-width:none;min-height:0}.portal-shell{--sigil-x:18vw;--sigil-y:24vh;--mark-size:230px;--halo-size:500px;position:relative;height:100svh;min-height:720px;overflow:hidden;background:#030304;isolation:isolate;color:#f0efe9}.portal-shell button,.portal-shell a{-webkit-tap-highlight-color:transparent}.portal-shell button:focus-visible,.portal-shell a:focus-visible{outline:1px solid #f0e4c0;outline-offset:8px}.portal-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.portal-haze{position:absolute;width:1100px;height:1100px;border-radius:50%;left:-350px;top:-350px;background:radial-gradient(ellipse,#e9dfb309,transparent 58%);opacity:.7}.gold-bubble{position:absolute;left:var(--bx);bottom:-30px;border:1px solid #e8d59b80;border-radius:50%;width:var(--bs);height:var(--bs);background:#e9d6a210;box-shadow:0 0 8px #e9d6a21f;animation:bubble-rise var(--bd) linear var(--delay) infinite;opacity:0}.gold-word{position:absolute;left:var(--bx);bottom:-50px;font:12px/1.5 var(--serif);letter-spacing:.4em;color:#d8c496;white-space:nowrap;animation:word-rise var(--bd) linear var(--delay) infinite;opacity:0;writing-mode:vertical-rl}.portal-sigil{position:absolute;left:var(--sigil-x);top:var(--sigil-y);width:var(--mark-size);height:var(--mark-size);transform:translate(-50%,-50%);pointer-events:none;z-index:2;will-change:left,top,width,height}.sigil-image{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 4px #fff9) drop-shadow(0 0 15px #e9e4d64d);position:relative;z-index:2;opacity:.96}.sigil-aura{position:absolute;inset:-40%;background:radial-gradient(ellipse,#fff7d90a,transparent 68%);border-radius:50%;filter:blur(10px)}.sigil-halo{position:absolute;left:50%;top:50%;width:var(--halo-size);height:var(--halo-size);transform:translate(-50%,-50%);border:1px solid #fff5dc20;border-radius:50%;box-shadow:0 0 5px #fff5dc0c,inset 0 0 8px #fff5dc05}.sigil-halo:after{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid #fff6db09}.halo-thread{position:absolute;inset:-1px;border:1px solid transparent;border-top-color:#f7edcf88;border-right-color:#fff9e21f;border-radius:50%;animation:halo-clockwise 35s linear infinite;filter:drop-shadow(0 0 5px #fff1bd55)}.halo-thread.second{inset:-13px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:#f9eac747;animation-duration:53s;opacity:.6}.halo-satellite{position:absolute;inset:-1px;animation:halo-clockwise 35s linear infinite}.halo-satellite:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#fff9df;left:50%;top:-1px;box-shadow:0 0 12px 2px #ead9ab66}.portal-ui{opacity:1;transition:opacity 1.2s ease;position:absolute;inset:0;z-index:3}.portal-topline{position:absolute;top:32px;left:40px;right:42px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5}.portal-wordmark{font:14px var(--serif);letter-spacing:.24em;color:#eeece2b3}.portal-wordmark>span{font:16px Georgia,serif;letter-spacing:.1em;margin-left:5px}.portal-tools{display:flex;gap:19px;align-items:center}.portal-tools button{padding:4px;color:#b9b5a8;font-size:18px;line-height:1}.portal-tools button:hover{color:#fff5d6}.portal-tools svg{width:17px;height:17px;stroke-width:1.25}.portal-manifesto{position:absolute;top:25%;left:70%;right:5%;transition:opacity .5s ease;pointer-events:none}.portal-smallcaps{font:9px/1.5 var(--mono);letter-spacing:.18em;color:#9d9583}.portal-manifesto h1{font:clamp(18px,1.8vw,28px)/1.8 var(--serif);letter-spacing:.16em;color:#dedad0;margin:17px 0 10px;white-space:nowrap}.portal-manifesto h1>span{color:#ddcca7}.portal-manifesto p{font:10px/1.8 var(--serif);letter-spacing:.24em;color:#9a9689}.portal-invitation{display:block;font-size:9px;letter-spacing:.16em;color:#7d786c;margin-top:35px}.constellation-nav{position:absolute;inset:0;pointer-events:none}.portal-category{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:170px;height:56px;display:flex;align-items:center;justify-content:center;pointer-events:auto;isolation:isolate;outline-offset:6px;color:#dfded9;z-index:3}.beam-shaft{position:absolute;left:50%;top:50%;width:220px;height:34px;border-radius:50%;transform:translate(-50%,-50%) rotate(var(--beam-angle));background:linear-gradient(90deg,transparent,#fff9e51a 25%,#fffdf33a 58%,#fff9e505 88%,transparent);filter:blur(1.2px);transition:width .65s,filter .65s,opacity .65s;opacity:.8;z-index:-1}.beam-shaft:before{content:"";position:absolute;inset:7px -30px;background:linear-gradient(90deg,transparent,#f7f2df24,transparent);filter:blur(9px);border-radius:50%}.beam-shaft i{position:absolute;left:8%;right:3%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#fff9da66,transparent);box-shadow:0 0 8px #fff8db66}.beam-label{display:flex;align-items:center;gap:10px;white-space:nowrap;text-shadow:0 0 13px #fff7d04d}.beam-label>span{font:19px/1.4 var(--serif);letter-spacing:.2em}.beam-label small{font:8px var(--mono);color:#aca58f;align-self:flex-start;margin-top:3px}.beam-label b{font-size:12px;color:#dfd2b2;opacity:0;transform:translateX(-7px);transition:opacity .4s,transform .4s;font-weight:400}.portal-category.is-near .beam-shaft,.portal-category:focus-visible .beam-shaft{width:310px;opacity:1;filter:blur(.6px)}.portal-category.is-near .beam-label,.portal-category:focus-visible .beam-label{color:white;text-shadow:0 0 15px #fff9df9c}.portal-category.is-near .beam-label b,.portal-category:focus-visible .beam-label b{opacity:1;transform:translateX(0)}.beam-explanation{position:absolute;max-width:280px;padding:22px 0 8px 22px;border-left:1px solid #d8c89955;pointer-events:none;opacity:0;transform:translateX(-10px);transition:opacity .4s,transform .4s;background:linear-gradient(90deg,#060606eb,#06060600);z-index:4}.explanation-line{position:absolute;top:0;left:0;width:42px;height:1px;background:linear-gradient(90deg,#d8c89988,transparent)}.beam-explanation h2{font:23px var(--serif);letter-spacing:.17em;margin:10px 0 15px;color:#eeece1}.beam-explanation p{font-size:11px;line-height:2;letter-spacing:.07em;color:#b4afa1;max-width:235px}.explanation-action{display:flex;align-items:center;gap:35px;font-size:9px;letter-spacing:.15em;color:#cfbd91;margin-top:20px}.explanation-action b{font-weight:400;font-size:14px}.has-selection .beam-explanation{opacity:1;transform:translateX(0)}.has-selection .portal-manifesto{opacity:.28}.portal-player{position:absolute;bottom:80px;left:37%;right:9%;height:90px;display:flex;align-items:center;gap:24px;color:#dcd8cb;z-index:6}.audio-play{width:46px;height:46px;border:1px solid #d8c89944;border-radius:50%;display:grid;place-items:center;flex-shrink:0;transition:border-color .3s,box-shadow .3s;background:radial-gradient(ellipse,#fff8d409,transparent)}.audio-play svg{width:17px;height:17px;stroke-width:1.2}.audio-play:not(:disabled):hover{border-color:#e7d7a6;box-shadow:0 0 20px #e7d7a617;color:white}.audio-play:disabled{opacity:.45;cursor:default}.player-track{flex:1;min-width:0}.track-info{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.13em}.track-info>span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.track-info>span:last-child{font:9px var(--mono);letter-spacing:.04em;color:#98907d;white-space:nowrap}.track-info i{font-style:normal;margin:0 6px;color:#5e594c}.track-slider{display:flex;width:100%;height:26px;align-items:center}.portal-player input[type=range]{--played:0%;appearance:none;-webkit-appearance:none;width:100%;height:1px;border:0;background:linear-gradient(90deg,#e4d3a7 var(--played),#b9ab843e var(--played));accent-color:#e4d3a7;outline-offset:7px;cursor:pointer}.portal-player input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:5px;height:5px;background:#ded0ab;border:0;border-radius:50%;box-shadow:0 0 7px #e3d1a744}.portal-player input[type=range]::-moz-range-thumb{width:5px;height:5px;background:#ded0ab;border:0;border-radius:50%}.portal-player input:disabled{cursor:default;opacity:.4}.track-subline{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.15em;color:#7f796b}.sound-bars{display:flex;align-items:center;gap:2px;height:10px}.sound-bars i{display:block;width:1px;height:3px;background:#b9a98466}.sound-bars i:nth-child(2),.sound-bars i:nth-child(4){height:6px}.sound-bars i:nth-child(3){height:9px}.is-playing .sound-bars i{animation:sound-level 1s ease-in-out infinite alternate}.is-playing .sound-bars i:nth-child(2){animation-delay:.3s}.is-playing .sound-bars i:nth-child(3){animation-delay:.7s}.is-playing .sound-bars i:nth-child(4){animation-delay:.1s}.player-volume{display:flex;gap:12px;align-items:center;margin-left:8px;width:90px}.player-volume svg{width:16px;height:16px;stroke-width:1.2;color:#a49b85;flex-shrink:0}.player-volume input{max-width:56px}.portal-bottomline{position:absolute;bottom:30px;left:40px;right:42px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.14em;color:#6f6a5f;gap:20px}.portal-bottomline>span:first-child>i{font-style:normal;margin:0 8px}.portal-bottomline button{font-size:9px;letter-spacing:.1em;padding:0;color:#928976;display:flex;align-items:center;gap:9px}.motion-indicator{display:block;width:6px;height:6px;border:1px solid #bba97e88;border-radius:50%}.is-paused .motion-indicator{background:#bba97e}.portal-shell.is-paused .gold-bubble,.portal-shell.is-paused .gold-word,.portal-shell.is-paused .halo-thread,.portal-shell.is-paused .halo-satellite,.portal-shell.is-background .gold-bubble,.portal-shell.is-background .gold-word,.portal-shell.is-background .halo-thread,.portal-shell.is-background .halo-satellite{animation-play-state:paused}.opening-caption{position:absolute;left:50%;top:calc(49% + 195px);transform:translate(-50%,0);display:flex;flex-direction:column;align-items:center;gap:18px;pointer-events:none;opacity:0}.opening-caption>span:first-child{font:15px var(--serif);letter-spacing:.55em;color:#dfdcd1}.opening-caption>span:last-child{font-size:9px;letter-spacing:.4em;color:#898375}.skip-opening{position:absolute;right:42px;top:34px;z-index:10;color:#918976;font-size:10px;letter-spacing:.16em;opacity:0;pointer-events:none}.skip-opening span{margin-left:20px}.is-intro .portal-ui{opacity:0;pointer-events:none;transition:none}.is-intro .portal-ui *{pointer-events:none!important}.is-intro .portal-sigil{animation:unfold-world 3.6s cubic-bezier(.58,0,.22,1) both}.is-intro .sigil-image{animation:awaken-mark 3.6s ease both}.is-intro .sigil-halo{animation:awaken-halo 3.6s ease both}.is-intro .opening-caption{animation:opening-type 3.6s ease both}.is-intro .skip-opening{opacity:1;pointer-events:auto}.is-intro .gold-bubble,.is-intro .gold-word{visibility:hidden}.portal-mode dialog{background:#101012;border-color:#b8a77750}.portal-mode dialog::backdrop{background:#000b}.portal-mode .search-result:hover{background:#e0c98d09}.portal-mode .search-count,.portal-mode .search-result small{color:#b2a482}.portal-mode .brand img{object-fit:contain}.brand img[src$='ito-mark.png']{object-fit:contain}
@keyframes unfold-world{0%{left:50%;top:46%;width:290px;height:290px;opacity:0}16%{left:50%;top:46%;width:290px;height:290px;opacity:1}40%{left:50%;top:46%;width:290px;height:290px}88%,100%{left:var(--sigil-x);top:var(--sigil-y);width:var(--mark-size);height:var(--mark-size);opacity:1}}
@keyframes awaken-mark{0%{filter:brightness(0) invert(1) drop-shadow(0 0 1px #fff4);transform:rotate(-12deg) scale(.94)}30%{filter:brightness(0) invert(1) drop-shadow(0 0 8px #fff9) drop-shadow(0 0 30px #eadbbf44)}100%{filter:brightness(0) invert(1) drop-shadow(0 0 4px #fff9) drop-shadow(0 0 15px #e9e4d64d);transform:rotate(0) scale(1)}}
@keyframes awaken-halo{0%{opacity:0;transform:translate(-50%,-50%) scale(.65)}35%{opacity:1;transform:translate(-50%,-50%) scale(.92)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes opening-type{0%,12%{opacity:0}28%,44%{opacity:1}64%,100%{opacity:0}}
@keyframes halo-clockwise{to{transform:rotate(360deg)}}
@keyframes bubble-rise{0%{transform:translate3d(0,0,0);opacity:0}12%{opacity:.32}72%{opacity:.24}100%{transform:translate3d(var(--drift),-110vh,0);opacity:0}}
@keyframes word-rise{0%{transform:translateY(0);opacity:0}16%{opacity:.2}75%{opacity:.12}100%{transform:translateY(-110vh);opacity:0}}
@keyframes sound-level{from{transform:scaleY(.3)}to{transform:scaleY(1)}}
@media(min-width:1650px){.portal-manifesto{left:66%;top:29%}.portal-player{left:40%;right:11%;bottom:90px}.portal-shell{min-height:800px}}
@media(max-width:1050px){.portal-manifesto{left:69%;top:23%;right:3%}.portal-manifesto h1{font-size:21px;letter-spacing:.08em}.portal-manifesto p{font-size:9px;letter-spacing:.1em}.portal-invitation{font-size:8px}.portal-player{left:38%;right:7%;gap:18px}.player-volume{width:60px;margin:0;gap:8px}.beam-label>span{font-size:18px}.beam-shaft{width:185px}.portal-bottomline .touch-hint{display:none}.portal-bottomline{font-size:8px}.portal-topline{left:30px;right:30px}.portal-bottomline{left:30px;right:30px}}
@media(max-width:700px){.portal-shell{min-height:780px}.portal-topline{top:25px;left:24px;right:24px}.portal-tools{gap:18px}.portal-tools svg{width:16px;height:16px}.portal-wordmark{font-size:12px}.portal-wordmark>span{font-size:14px}.portal-manifesto{left:auto;right:24px;top:19%;max-width:155px}.portal-manifesto .portal-smallcaps{font-size:7px;letter-spacing:.07em}.portal-manifesto h1{font-size:17px;letter-spacing:.05em;margin:12px 0 9px}.portal-manifesto p{font-size:8px;letter-spacing:.05em}.portal-invitation{font-size:8px;letter-spacing:.08em;line-height:2;margin-top:22px;max-width:100px}.portal-category{width:136px;height:55px}.beam-label{gap:7px}.beam-label>span{font-size:17px;letter-spacing:.11em}.beam-label small{font-size:7px}.beam-shaft{width:150px;height:26px}.portal-category.is-near .beam-shaft{width:200px}.beam-label b{font-size:10px}.beam-explanation{padding:16px 0 8px 17px;background:linear-gradient(90deg,#030304f5,#030304c9);border-left-color:#b9a77b55}.beam-explanation h2{font-size:20px;margin:9px 0 10px}.beam-explanation p{font-size:10px;line-height:1.9}.explanation-action{margin-top:12px;font-size:8px}.explanation-line{width:32px}.portal-player{left:24px;right:24px;bottom:64px;height:78px;gap:17px}.audio-play{width:38px;height:38px}.audio-play svg{width:15px;height:15px}.track-info{font-size:10px;gap:12px}.track-info>span:last-child{font-size:8px}.track-info i{margin:0 3px}.track-subline{font-size:8px}.player-volume{display:none}.portal-bottomline{left:24px;right:24px;bottom:25px;font-size:7px}.portal-bottomline button{font-size:8px}.gold-word{font-size:10px;letter-spacing:.25em}.skip-opening{top:25px;right:24px;font-size:9px}.opening-caption{top:calc(46% + 170px)}.opening-caption>span:first-child{font-size:13px}.opening-caption>span:last-child{font-size:8px}.is-intro .portal-sigil{animation-name:unfold-world-mobile}.portal-haze{left:-500px;top:-500px}.portal-tools button:last-child{display:none}}
@keyframes unfold-world-mobile{0%{left:50%;top:44%;width:235px;height:235px;opacity:0}16%{left:50%;top:44%;width:235px;height:235px;opacity:1}40%{left:50%;top:44%;width:235px;height:235px}88%,100%{left:var(--sigil-x);top:var(--sigil-y);width:var(--mark-size);height:var(--mark-size);opacity:1}}
@media(max-height:700px) and (min-width:701px){.portal-shell{min-height:640px}.portal-player{bottom:58px}.portal-bottomline{bottom:23px}.portal-manifesto{top:20%}.portal-manifesto h1{font-size:22px}}
@media(max-width:700px){.portal-manifesto{top:78px;max-width:175px}.portal-manifesto h1{font-size:14px;margin:8px 0 5px}.portal-manifesto p{font-size:7px}.portal-manifesto .portal-invitation{display:none}.has-selection .portal-category:not(.is-near){opacity:.25!important}.has-selection .portal-manifesto{opacity:.1}}
@media(prefers-reduced-motion:reduce){.portal-shell *{animation:none!important;transition:none!important}.portal-shell .gold-bubble,.portal-shell .gold-word{display:none}.sigil-halo{opacity:1}.portal-shell .portal-ui{opacity:1;pointer-events:auto}.portal-shell .portal-sigil{opacity:1}.opening-caption,.skip-opening{display:none}.portal-category{opacity:1!important}}