/* V163 UI-03 approved shooting-reference integration. */
.ui03-page{min-height:calc(100vh - 68px);overflow-x:hidden;background:#f6f5ef;color:#15362e;padding:40px 0 90px}.ui03-page>.shell{max-width:1360px}.ui03-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:1px solid #dcded6;padding:0 0 24px}.ui03-page-head h1{margin:0 0 8px;font-size:38px;line-height:1.15;letter-spacing:-.04em}.ui03-page-head p{max-width:760px;margin:0;color:#69766f;line-height:1.7}.ui03-page-head>div:last-child{display:flex;align-items:center;gap:10px}.ui03-page-head a{display:inline-flex;min-height:40px;align-items:center;gap:7px;border:1px solid #d8ddd5;border-radius:11px;background:#fff;color:#214d41;padding:0 16px;text-decoration:none;font-weight:700;box-shadow:0 5px 16px rgba(18,48,39,.05)}.ui03-page-head a b{display:grid;min-width:23px;height:23px;place-items:center;border-radius:99px;background:#eff7e6;color:#668b36;font-size:12px}.ui03-selection{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 0;border:1px solid #c7dba5;border-left:4px solid #87b43e;border-radius:14px;background:#f2f8e8;padding:15px 18px}.ui03-selection div{display:grid;gap:5px}.ui03-selection span{color:#68746e;font-size:13px}.ui03-selection a{color:#28614f;font-weight:700;text-decoration:none}.ui03-layout{position:relative;display:grid;grid-template-columns:202px minmax(0,1fr);gap:24px;margin-top:20px}.ui03-filter{position:sticky;top:88px;align-self:start;min-height:420px;border-right:1px solid #dedfd9;padding-right:14px}.ui03-filter header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedfd9;padding:0 0 14px}.ui03-filter header>b{font-size:17px}.ui03-filter header button{display:none;width:40px;height:40px;border:1px solid #d4dad3;border-radius:10px;background:#fff;font-size:22px}.ui03-filter>div{display:grid;gap:4px;border-bottom:1px solid #dedfd9;padding:16px 0}.ui03-filter>div>b{margin-bottom:5px;font-size:14px}.ui03-filter a,.ui03-filter>div>button{display:flex;min-height:38px;align-items:center;justify-content:space-between;border:0;border-radius:8px;background:transparent;color:#607169;padding:0 9px;text-align:left;text-decoration:none;cursor:pointer}.ui03-filter a.active,.ui03-filter>div>button.active,.ui03-filter a:hover{background:#edf5e4;color:#2f654f}.ui03-filter a span{color:#91a099}.ui03-filter-open{display:none;width:100%;min-height:42px;border:1px solid #d3d9d2;border-radius:10px;background:#fff;color:#245746;font-weight:700}.ui03-filter-backdrop{display:none}.ui03-main{min-width:0}.ui03-search{border:1px solid #e1e2dc;border-radius:16px;background:#fff;padding:14px;box-shadow:0 12px 30px rgba(21,52,43,.08)}.ui03-search>div{display:grid;grid-template-columns:auto minmax(0,1fr) 92px;align-items:center;gap:7px}.ui03-search>div>span{color:#8a9992}.ui03-search input{width:100%;min-width:0;height:50px;border:1px solid #d6dbd5;border-radius:11px;padding:0 14px;color:#183d33;font:inherit}.ui03-search button{height:50px;border:0;border-radius:11px;background:#17765f;color:#fff;font-weight:800;cursor:pointer}.ui03-search>small{display:block;margin-top:8px;color:#919b96}.ui03-search>p{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 0;border:1px solid #dce7ca;border-radius:9px;background:#f3f8eb;padding:10px 12px;color:#67766d;font-size:12px}.ui03-search>p.degraded{border-color:#e6c9bd;background:#fff3ef}.ui03-search>p.degraded b{color:#9a4737}.ui03-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:23px 0 14px;color:#65756e;font-size:13px}.ui03-crumbs a{color:#315f51;text-decoration:none}.ui03-crumbs i{font-style:normal;color:#a3aca7}.ui03-result-head,.ui03-favorite-section>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 14px}.ui03-result-head span,.ui03-favorite-section>header span{color:#8b9691}.ui03-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ui03-card{position:relative;min-width:0;overflow:hidden;border:1px solid #e0e1da;border-radius:16px;background:#fff;box-shadow:0 11px 25px rgba(25,52,44,.07)}.ui03-stack{position:relative;height:205px;overflow:hidden;background:linear-gradient(135deg,#eee5d5,#d8e8df)}.ui03-media{position:relative;display:grid;overflow:hidden;place-items:center;background:linear-gradient(145deg,#244f43,#88a898);color:#fff}.ui03-media img{width:100%;height:100%;object-fit:contain}.ui03-media>i{display:none;color:#e7efeb;font-style:normal;font-size:12px}.ui03-media.broken img,.ui03-media.empty img{display:none}.ui03-media.broken>i,.ui03-media.empty>i{display:block}.ui03-stack>.ui03-media.stacked{position:absolute;inset:28px 22px 22px;border:3px solid #fff;border-radius:12px;box-shadow:0 9px 18px rgba(22,48,40,.22)}.ui03-stack>.ui03-media.stacked:nth-child(1){z-index:3;transform:rotate(-1deg)}.ui03-stack>.ui03-media.stacked:nth-child(2){z-index:2;transform:translate(7px,-10px) rotate(4deg)}.ui03-stack>.ui03-media.stacked:nth-child(3){z-index:1;transform:translate(-7px,-5px) rotate(-5deg)}.ui03-stack>b,.ui03-shot-media>b{position:absolute;right:10px;bottom:10px;z-index:5;border-radius:99px;background:#163d33;color:#fff;padding:5px 8px;font-size:11px}.ui03-favorite{display:grid;width:38px;height:38px;place-items:center;border:1px solid #d8ddd6;border-radius:50%;background:#fff;color:#42675b;font-size:18px;cursor:pointer;box-shadow:0 4px 12px rgba(15,45,36,.12)}.ui03-favorite.active{border-color:#bfd69c;background:#eff7e5;color:#56802f}.ui03-stack>.ui03-favorite,.ui03-shot-media>.ui03-favorite{position:absolute;top:12px;right:12px;z-index:6}.ui03-card-copy{display:grid;gap:9px;padding:15px}.ui03-card-copy>span,.ui03-card-copy>div>span{width:max-content;max-width:100%;border-radius:99px;background:#f0f5ed;color:#64806f;padding:5px 8px;font-size:11px}.ui03-card-copy>div{display:flex;align-items:center;justify-content:space-between;gap:6px}.ui03-card-copy .ui03-score{background:#eef8dd;color:#658d39}.ui03-card-copy h2{margin:0;font-size:18px;line-height:1.35}.ui03-card-copy>p{display:-webkit-box;min-height:42px;overflow:hidden;margin:0;color:#6d7973;font-size:13px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ui03-card-copy footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #e5e6df;padding-top:11px}.ui03-card-copy footer small{color:#8c9691}.ui03-card-copy footer a,.ui03-card-copy footer button{border:0;background:none;color:#27614f;padding:0;text-decoration:none;font-weight:700;cursor:pointer}.ui03-shot-media{position:relative;display:grid;min-height:245px;place-items:center;background:#f0eee7}.ui03-shot-media>.ui03-media{width:100%;height:245px;background:#eeece6}.ui03-shot-media>.ui03-media img{object-fit:contain}.ui03-shot-card .ui03-card-copy>dl{display:grid;gap:6px;margin:0}.ui03-shot-card dl>div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:7px;font-size:12px}.ui03-shot-card dt{color:#909b96}.ui03-shot-card dd{overflow-wrap:anywhere;margin:0;color:#405b51}.ui03-chips{display:flex;flex-wrap:wrap;gap:5px}.ui03-chips span{border-radius:99px;background:#f1f5eb;color:#5e7c6c;padding:4px 7px;font-size:11px}.ui03-state{grid-column:1/-1;display:grid;min-height:230px;place-content:center;justify-items:center;border:1px dashed #cbd3ca;border-radius:16px;background:#fafbf8;text-align:center}.ui03-state>p{max-width:480px;color:#7b8680}.ui03-state button{border:0;border-radius:9px;background:#17765f;color:#fff;padding:10px 16px}.ui03-favorite-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:28px}.ui03-favorite-stats article{display:grid;gap:8px;min-height:112px;border:1px solid #e1e3dc;border-radius:14px;background:#fff;padding:16px}.ui03-favorite-stats article:first-child{border-color:#c3dca0;background:#f4f9ec}.ui03-favorite-stats b{font-size:30px}.ui03-favorite-stats small{color:#87918c}.ui03-favorite-section{margin-top:28px}.ui03-favorite-section>header h2{margin:0}.ui03-modal{padding:18px}.ui03-modal>section{display:grid;width:min(1180px,100%);max-height:calc(100vh - 36px);overflow:hidden;border-radius:20px}.ui03-modal>section>header{display:flex;min-height:52px;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e2dc;padding:0 16px;color:#526961}.ui03-modal .storyboard-modal-close{position:static;flex:0 0 auto}.ui03-modal-main{display:grid;min-height:0;grid-template-columns:44fr 56fr}.ui03-modal-media{display:grid;min-height:630px;place-items:center;background:#0c1713;padding:28px}.ui03-modal-media>.ui03-media{width:100%;height:100%;background:#0c1713}.ui03-modal-media img{object-fit:contain}.ui03-modal-main>aside{display:grid;min-height:0;grid-template-rows:minmax(0,1fr) auto;background:#fff}.ui03-modal-scroll{overflow-y:auto;padding:24px}.ui03-modal-scroll h2{margin:10px 0 8px;font-size:30px}.ui03-modal-scroll>p{color:#68766f;line-height:1.7}.ui03-modal-scroll dl{display:grid;margin:20px 0}.ui03-modal-scroll dl>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;border-bottom:1px solid #e4e6e0;padding:10px 0}.ui03-modal-scroll dt{color:#87938d}.ui03-modal-scroll dd{margin:0}.ui03-modal-scroll>section{margin-top:18px;border-radius:10px;background:#f4f6f1;padding:13px}.ui03-modal-scroll>section p{margin:7px 0 0;color:#63726b}.ui03-modal-main>aside>footer{display:flex;align-items:center;gap:8px;border-top:1px solid #dfe2dc;background:#fff;padding:12px 16px}.ui03-modal-main>aside>footer>.ui03-favorite{border-radius:9px;width:auto;min-width:120px;padding:0 14px;font-size:0}.ui03-modal-main>aside>footer>.ui03-favorite:after{content:'收藏当前 Shot';font-size:14px}.ui03-modal-main>aside>footer>.ui03-favorite.active:after{content:'已收藏'}.ui03-modal-main>aside>footer>button:not(.ui03-favorite){min-height:40px;border:1px solid #d6dbd5;border-radius:9px;background:#fff;color:#285a4b;padding:0 15px;font-weight:700}.ui03-modal-main>aside>footer>button.primary{border-color:#17765f;background:#17765f;color:#fff}.ui03-loading{min-height:60vh;padding-top:80px;color:#68766f}.ui03-error{padding-top:90px}
@media(max-width:1200px){.ui03-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.ui03-page{padding-top:28px}.ui03-page-head{align-items:flex-start}.ui03-layout{grid-template-columns:1fr}.ui03-filter-open{display:block}.ui03-filter{position:fixed;inset:0 auto 0 0;z-index:1601;width:min(360px,90vw);min-height:100vh;overflow-y:auto;transform:translateX(-105%);border:0;background:#fff;padding:18px;transition:transform .18s ease}.ui03-filter header button{display:grid;place-items:center}.ui03-filter-backdrop{position:fixed;inset:0;z-index:1600;border:0;background:rgba(8,30,23,.66)}.ui03-page.filter-open .ui03-filter{transform:translateX(0)}.ui03-page.filter-open .ui03-filter-backdrop{display:block}.ui03-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui03-modal-main{grid-template-columns:1fr;overflow-y:auto}.ui03-modal-media{min-height:48vh}.ui03-modal-main>aside{overflow:visible}.ui03-modal-scroll{overflow:visible}.ui03-modal-main>aside>footer{position:sticky;bottom:0;flex-wrap:wrap}.ui03-favorite-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.ui03-page{padding:22px 0 70px}.ui03-page-head{display:grid}.ui03-page-head h1{font-size:31px}.ui03-page-head>div:last-child{display:grid;grid-template-columns:1fr}.ui03-selection{align-items:flex-start;flex-direction:column}.ui03-search>div{grid-template-columns:auto minmax(0,1fr)}.ui03-search button{grid-column:1/-1}.ui03-search>p{align-items:flex-start;flex-direction:column}.ui03-grid{grid-template-columns:1fr}.ui03-stack{height:220px}.ui03-shot-media,.ui03-shot-media>.ui03-media{height:310px}.ui03-modal{padding:0}.ui03-modal>section{width:100%;height:100vh;max-height:100vh;border-radius:0}.ui03-modal>section>header{flex:0 0 auto}.ui03-modal-main{height:calc(100vh - 52px)}.ui03-modal-media{min-height:48vh}.ui03-modal-scroll{padding:18px}.ui03-modal-scroll h2{font-size:26px}.ui03-modal-main>aside>footer>button{flex:1 1 auto}.ui03-favorite-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.ui03-page-head>div:last-child{grid-template-columns:1fr}.ui03-favorite-stats{grid-template-columns:1fr}.ui03-shot-media,.ui03-shot-media>.ui03-media{height:300px}.ui03-modal-main>aside>footer{display:grid;grid-template-columns:1fr 1fr}.ui03-modal-main>aside>footer>.primary{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.ui03-filter{transition:none}}
.ui03-modal-media{grid-template-columns:44px minmax(0,1fr) 44px;place-items:initial;align-items:center;gap:8px;padding:28px 14px}.ui03-modal-media>button{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:20px}.ui03-modal-rail{display:flex;min-height:72px;align-items:center;gap:8px;overflow-x:auto;border-top:1px solid #e0e2dc;background:#fafaf7;padding:10px 16px}.ui03-modal-rail>span{flex:0 0 120px;color:#76837d;font-size:12px}.ui03-modal-rail>button{flex:0 0 45px;height:45px;border:1px solid #d8ded7;border-radius:8px;background:#e9eeea;color:#426258}.ui03-modal-rail>button.active{border:2px solid #89b745;background:#f2f8e9}
@media(max-width:620px){.ui03-modal-media{grid-template-columns:38px minmax(0,1fr) 38px;padding-inline:6px}.ui03-modal-media>button{width:36px;height:36px}}