*{box-sizing:border-box}html,body,#root{color:#111;min-height:100%;margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}body{background:#eee}.screen{background:#f7f9fb;width:100%;max-width:414px;min-height:100vh;margin:auto;overflow:hidden}.chrome{z-index:3;background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 17px;font-size:16px;display:flex;position:sticky;top:0}.chrome>svg{stroke-width:2px;width:27px;height:27px}.browser{color:#222;border:1px solid #eee;border-radius:18px;justify-content:space-around;align-items:center;width:119px;height:33px;display:flex}.browser svg{width:19px}.browser i{border-left:1px solid #ddd;height:18px}.page-title{background:#f3f3f3;align-items:center;height:64px;padding:0 14px;display:flex;position:relative}.page-title svg{width:29px}.page-title h1{text-align:center;font-family:serif;font-size:25px;font-weight:600;position:absolute;left:0;right:0}.hero{background-repeat:no-repeat;background-size:414px 780px;border-radius:0 0 26px 26px;height:163px}.hero.activity,.hero.resource,.hero.product{background-position:0 -116px}.filters{background:#fff;border-bottom:1px solid #ddd;height:114px;margin-top:25px}.search-row{justify-content:space-between;align-items:center;height:69px;padding:0 32px;display:flex}.searchbox{color:#999;align-items:center;gap:12px;font-size:22px;display:flex}.searchbox svg{width:29px;height:29px}.filters button{color:#fff;background:#d34769;border:0;border-radius:6px;padding:14px 25px;font-size:25px;font-weight:700}.select-row{justify-content:space-between;align-items:center;padding:0 48px;font-size:21px;display:flex}.select-row div{align-items:center;gap:58px;display:flex}.select-row svg,.policy-filter svg{color:#ddd;width:25px}.cards{padding:27px 17px}.card{background:#fff;border-radius:14px;gap:18px;height:100px;margin-bottom:25px;padding:13px;display:flex;overflow:hidden;box-shadow:0 7px 18px #e9e9e9}.thumb{background-position:0 -437px;background-repeat:no-repeat;background-size:414px 780px;flex:none;width:64px;height:64px}.card:nth-child(2) .thumb{background-position:0 -548px}.card:nth-child(3) .thumb{background-position:0 -655px}.placeholder{color:#777;background:#d7d7d7;flex-direction:column;justify-content:center;align-items:center;display:flex}.placeholder span{font-size:24px}.card-info{white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;line-height:27px;overflow:hidden}.home{background:#faeeee}.home-title{text-align:center;background:#f3f3f3;height:44px;font-family:serif;font-size:26px}.notice{color:#8f3a18;background:linear-gradient(110deg,#fff4e9,#ffd2b4);border-radius:20px;align-items:center;gap:14px;height:88px;margin:0 12px 14px;padding:15px 20px;display:flex}.notice>b{color:#fff;background:#ff612d;border-radius:50%;place-items:center;width:47px;height:47px;font-size:30px;display:grid}.notice strong{font:25px serif;display:block}.notice span{margin-top:8px;font:16px serif;display:block}.notice em{margin-left:auto;font-size:46px;font-style:normal}.home-tile{color:#fff;background-repeat:no-repeat;background-size:414px 780px;border-radius:20px;justify-content:flex-end;align-items:center;height:169px;margin:0 12px 14px;padding-right:30px;display:flex}.home-tile span{text-align:center;font-size:38px;line-height:1.2}.home-tile b{font-family:serif;font-size:32px}.detail{background:#f7f9fb}.detail-head{align-items:flex-start;gap:25px;padding:25px 25px 18px;display:flex}.poster{background-position:-25px -133px;background-size:414px 780px;border-radius:8px;flex:none;width:117px;height:160px}.detail h2{margin:6px 0;font:24px/1.45 serif}.info-block{margin-top:12px;padding:0 17px}.info-block h3{color:#444;align-items:center;gap:12px;margin:0 0 14px;font:26px serif;display:flex}.info-block h3 svg{color:#3168d3;stroke-width:2px;width:27px}.info-body{color:#444;background:#fff;border-radius:12px;padding:20px;font:19px/1.4 serif;box-shadow:0 7px 18px #edf0f2}.inline-pin{vertical-align:middle;width:23px!important}.date-list{max-height:440px;overflow:hidden}.empty{height:50px}.policy{background:#f8fafc}.policy-hero{background-position:0 -108px;background-size:414px 780px;border-radius:0 0 22px 22px;height:134px}.policy-filter{background:#fff;border-bottom:1px solid #ddd;justify-content:space-around;align-items:center;height:61px;font:21px serif;display:flex}.policy-filter div{align-items:center;gap:38px;display:flex}.policy-list{padding:9px 21px}.policy-item{background:#fff;border-radius:14px;align-items:center;gap:16px;min-height:58px;margin-bottom:11px;padding:13px 11px;font:19px/1.45 serif;display:flex;box-shadow:0 5px 10px #ddd}.policy-item b{color:#fff;background:#b17bf0;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font:17px Arial;display:grid}.policy-item span{flex:1}@media (width>=600px){.screen{box-shadow:0 0 12px #aaa}}.product-detail{background:#fff}.product-fields{padding:27px 30px 40px}.product-field{grid-template-columns:90px 1fr;align-items:center;gap:0 20px;min-height:59px;display:grid}.product-field label{color:#292929;font:24px/1.3 serif}.product-field>div{color:#3d3d3d;white-space:nowrap;text-overflow:ellipsis;background:#f5f6f9;border-radius:6px;min-height:38px;padding:7px 10px;font:19px/1.3 serif;overflow:hidden}.product-field:nth-child(8)>div,.product-field:nth-child(9)>div{min-height:38px}.product-field:nth-child(10)>div{min-height:42px}.page-title{height:44px}.home-tile.policy{background:#e6842f}.hero.activity,.hero.resource,.hero.product{background-position:0 -108px}.home-tile:not(.policy) span{display:none}.home-tile.policy span{font-size:34px}.home-tile{cursor:pointer}.home-tile.activity{background-image:url(/references/%E9%A6%96%E9%A1%B5.png);background-position:0 -209px}.home-tile.product{background-image:url(/references/%E9%A6%96%E9%A1%B5.png);background-position:0 -391px}.home-tile.resource{background-image:url(/references/%E9%A6%96%E9%A1%B5.png);background-position:0 -573px}.home-tile.policy{background-image:url(/references/%E9%A6%96%E9%A1%B5.png);background-position:0 -755px}.global-search{background:#fff;border-radius:10px;align-items:center;height:58px;margin:14px 12px 16px;padding:0 10px 0 15px;display:flex;box-shadow:0 3px 10px #f0dddd}.global-search>svg{color:#999;flex:none;width:23px}.global-search input{color:#444;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 10px;font-size:15px}.global-search input::placeholder{color:#aaa}.global-search button{color:#fff;background:#d34769;border:0;border-radius:6px;padding:9px 14px;font-size:16px;font-weight:700}.search-results{padding:0 12px 20px}.result-group{margin-bottom:17px}.result-group h2{color:#333;align-items:center;margin:0 5px 9px;font:22px serif;display:flex}.result-group h2 small{color:#999;margin-left:8px;font:13px Arial}.result-item{cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:10px;min-height:57px;margin-bottom:8px;padding:10px 12px;display:flex;box-shadow:0 3px 10px #f0e8e8}.result-item>b{color:#fff;background:#d34769;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font:13px Arial;display:grid}.result-item div{flex:1;min-width:0}.result-item strong,.result-item span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.result-item strong{font-size:16px;line-height:22px}.result-item span{color:#999;margin-top:3px;font-size:12px}.result-item i{color:#c3c3c3;font:25px Arial}.no-result{text-align:center;color:#999;background:#fff;border-radius:10px;padding:40px 0;font-size:15px}.resource-detail .product-field>div{min-height:38px}.resource-detail .product-field:last-child{align-items:start;margin-top:8px}.resource-detail .product-field .multiline{white-space:normal;color:#666;min-height:105px;line-height:1.5}.global-search{position:relative}.clear-search{color:#aaa;cursor:pointer;flex:none;height:17px;margin-right:7px;width:17px!important}.activity-tabs{background:#fff;border-bottom:1px solid #eee;align-items:stretch;height:54px;display:flex}.activity-tabs button{color:#888;background:#fff;border:0;flex:1;font-size:18px;position:relative}.activity-tabs button.active{color:#d34769;font-weight:700}.activity-tabs button.active:after{content:"";background:#d34769;border-radius:3px;height:3px;position:absolute;bottom:0;left:28%;right:28%}.activity-date-filter{background:#fff;border-bottom:1px solid #eee;align-items:center;gap:9px;height:58px;margin-top:1px;padding:0 24px;display:flex}.activity-date-filter>svg:first-child{color:#d34769;width:21px}.activity-date-filter>span{color:#444;font-size:16px;font-weight:700}.activity-date-filter select{appearance:none;color:#555;background:#fff8fa;border:1px solid #eadce0;border-radius:8px;outline:none;margin-left:auto;padding:8px 35px 8px 12px;font-size:15px}.activity-date-filter>svg:last-child{color:#d34769;pointer-events:none;width:17px;margin-left:-32px}.searchbox{background:#f7f7f9;border:1px solid #ececf0;border-radius:9px;flex:1;gap:8px;min-width:0;height:43px;padding:0 12px}.searchbox input{color:#333;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:17px}.searchbox input::placeholder{color:#aaa}.searchbox .list-clear{cursor:pointer;width:17px;height:17px}.search-row{gap:14px;padding:0 24px}.filters button{flex:none;padding:10px 19px;font-size:18px}.list-empty{color:#999;background:#fff;border-radius:14px;place-items:center;height:120px;display:grid;box-shadow:0 5px 16px #ececec}.product-filters{height:126px;margin-top:18px;padding-top:5px}.product-filters .select-row{gap:12px;padding:4px 24px 0}.product-filters .filter-select{color:#333;background:#f8f8fa;border:1px solid #e8e8ec;border-radius:9px;flex:1;justify-content:space-between;gap:8px;min-width:0;height:39px;padding:0 12px;font-size:16px}.product-filters .filter-select:last-child{flex:1.55}.product-filters .filter-select span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.product-filters .filter-select svg{color:#aaa;flex:none;width:18px}.card-info>div:last-child{color:#666;text-overflow:ellipsis;font-size:14px;overflow:hidden}.policy{position:relative}.policy-modal-layer{z-index:5;background:#00000080;justify-content:center;align-items:center;padding:0 34px;display:flex;position:absolute;inset:64px 0 0}.policy-modal{text-align:center;background:#fff;border-radius:9px;width:100%;overflow:hidden;box-shadow:0 8px 22px #0003}.policy-modal-title{color:#fff;background:#b77cf0;justify-content:center;align-items:center;min-height:63px;padding:14px 15px;font:17px/1.35 serif;display:flex}.policy-modal-body{color:#222;height:85px;padding-top:23px;font:22px/1.35 serif}.policy-modal-body div+div{margin-top:0}.activity-date-filter{cursor:pointer;border:0;width:100%}.activity-date-filter>b{color:#555;background:#fff8fa;border:1px solid #eadce0;border-radius:8px;margin-left:auto;padding:8px 10px;font-size:15px;font-weight:400}.activity-date-filter>svg:last-child{pointer-events:none;margin-left:0}.date-picker-mask{z-index:20;background:#0000006b;align-items:flex-end;width:100%;max-width:414px;display:flex;position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%)}.date-picker-panel{width:100%;padding-bottom:max(18px,env(safe-area-inset-bottom));background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -8px 26px #0000001f}.picker-head{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;height:58px;padding:0 20px;display:flex}.picker-head button{color:#d34769;background:0 0;border:0;padding:10px;font-size:16px}.picker-wheels{grid-template-columns:1fr 1fr;gap:12px;padding:12px 30px;display:grid}.picker-wheels.year-only{grid-template-columns:1fr;padding-left:90px;padding-right:90px}.picker-wheel{scroll-snap-type:y proximity;background:#fafafa;border-radius:10px;height:210px;padding:72px 4px;overflow-y:auto}.picker-wheel button{scroll-snap-align:center;color:#777;background:0 0;border:0;border-radius:8px;width:100%;height:46px;font-size:18px}.picker-wheel button.selected{color:#d34769;background:#fff0f4;font-weight:700;box-shadow:0 2px 8px #f0dce2}.filters:not(.product-filters){height:126px;margin-top:18px;padding-top:5px}.filters:not(.product-filters) .select-row{gap:12px;padding:4px 24px 0}.filters:not(.product-filters) .filter-select{color:#333;background:#f8f8fa;border:1px solid #e8e8ec;border-radius:9px;flex:1;justify-content:space-between;gap:8px;min-width:0;height:39px;padding:0 12px;font-size:16px}.filters:not(.product-filters) .filter-select svg{color:#aaa;flex:none;width:18px}.policy-filter{gap:12px;height:76px;padding:12px 20px}.policy-filter .filter-select{color:#333;background:#f8f8fa;border:1px solid #e6e7eb;border-radius:10px;flex:1;justify-content:space-between;align-items:center;gap:6px;min-width:0;height:44px;padding:0 12px;font:16px Arial;display:flex}.policy-filter .filter-select span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.policy-filter .filter-select svg{color:#aaa;flex:none;width:18px}.screen{position:relative}.date-picker-mask{background:#00000014;width:100%;max-width:none;min-height:100%;padding:338px 18px 0;display:block;position:absolute;inset:0;transform:none}.date-picker-panel{border:1px solid #ece2e5;border-radius:12px;width:286px;margin:0 auto;padding-bottom:8px;box-shadow:0 8px 24px #0000002e}.picker-head{height:44px;padding:0 12px}.picker-head strong{font-size:16px}.picker-head button{padding:7px 9px;font-size:14px}.picker-wheels{gap:8px;padding:7px 14px}.picker-wheels.year-only{padding:7px 68px}.picker-wheel{background:#fafafa;height:148px;padding:52px 3px}.picker-wheel button{height:36px;font-size:16px}.picker-wheel button.selected{box-shadow:none;border:1px solid #f1cad5}