{"id":153,"date":"2025-12-21T15:09:47","date_gmt":"2025-12-21T06:09:47","guid":{"rendered":"https:\/\/www.aichan.azma8.com\/?page_id=153"},"modified":"2026-02-21T15:43:11","modified_gmt":"2026-02-21T06:43:11","slug":"webonlytop","status":"publish","type":"page","link":"https:\/\/www.aichan.azma8.com\/?page_id=153","title":{"rendered":"webonlytop"},"content":{"rendered":"\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"folder-open-block\">\n  <div class=\"window-area\">\n\n<!-- Windows\u98a8\u30a6\u30a3\u30f3\u30c9\u30a6 -->\n<style>\n.win-window {\n  width: 320px;\n  max-width: 100%;\n  border-radius: 8px;\n  background: linear-gradient(#f6f6f6,#e9e9e9);\n  box-shadow: 0 10px 30px rgba(0,0,0,0.25);\n  font-family: \"Segoe UI\", \"Yu Gothic UI\", system-ui, sans-serif;\n  overflow: hidden;\n  border: 1px solid rgba(0,0,0,0.08);\n}\n\n\/* \u30bf\u30a4\u30c8\u30eb\u30d0\u30fc *\/\n.win-title {\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  background: linear-gradient(#dcdcdc,#cfcfcf);\n  padding: 8px 10px;\n  gap:8px;\n  user-select: none;\n  cursor: default;\n}\n\n\/* \u30bf\u30a4\u30c8\u30eb\u6587\u5b57 *\/\n.win-title .title-text {\n  font-size:13px;\n  color:#222;\n  font-weight:600;\n}\n\n\/* \u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u30dc\u30bf\u30f3 *\/\n.win-title .controls {\n  display:flex;\n  gap:6px;\n}\n.win-title button {\n  width:20px;\n  height:18px;\n  padding:0;\n  border-radius:3px;\n  border: none;\n  font-weight:700;\n  line-height:1;\n  cursor:pointer;\n  background:transparent;\n  color:#333;\n  box-shadow: inset 0 -1px 0 rgba(255,255,255,0.6);\n}\n.win-title .close { color:#6b0000; }\n.win-title .min { color:#555; }\n\n\/* \u30b3\u30f3\u30c6\u30f3\u30c4\u9818\u57df *\/\n.win-content {\n  padding:14px;\n  background: linear-gradient(#fff,#f7fbff);\n  min-height:90px;\n}\n\n\/* \u30d5\u30a1\u30a4\u30eb\u884c *\/\n.file-row {\n  display:flex;\n  align-items:center;\n  gap:10px;\n  border-radius:6px;\n  padding:8px;\n  max-width:100%;\n}\n.file-icon {\n  width:40px;\n  height:40px;\n  flex: 0 0 40px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:linear-gradient(#fff,#eaeef6);\n  border-radius:6px;\n  box-shadow: 0 1px 0 rgba(0,0,0,0.06) inset;\n  border:1px solid rgba(0,0,0,0.06);\n}\n.file-meta .name {\n  font-size:14px;\n  font-weight:600;\n  color:#111;\n}\n.file-meta .type {\n  font-size:12px;\n  color:#666;\n  margin-top:2px;\n}\n\n\/* \u811a\uff08\u9805\u76ee\u6570\uff09 *\/\n.win-footer {\n  font-size:12px;\n  color:#666;\n  padding:8px 14px;\n  border-top:1px solid rgba(0,0,0,0.03);\n  background:transparent;\n}\n\n\/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6 *\/\n.win-window.compact { width: 260px; }\n<\/style>\n\n\n    <!-- \u30a6\u30a3\u30f3\u30c9\u30a6 1 -->\n    <div class=\"win-window\">\n      <div class=\"win-title\">\n        <div class=\"title-text\">\u30c7\u30b9\u30af\u30c8\u30c3\u30d7 \u2192 USB \u30e1\u30e2\u30ea (F:)<\/div>\n        <div class=\"controls\">\n          <button class=\"min\">\u2014<\/button>\n          <button class=\"max\">\u25a2<\/button>\n          <button class=\"close\">\u00d7<\/button>\n        <\/div>\n      <\/div>\n\n  <div class=\"win-content\" id=\"sample-window-content\">\n<div class=\"file-row\" style=\"align-items:center; display: flex;\"> <div class=\"file-icon\" aria-hidden=\"true\" style=\"filter: grayscale(100%);\">\n  &#x1F39E; \n    <\/div>\n      <div class=\"file-meta\">\n        <div class=\"name\"><a href=\"http:\/\/www.aichan.azma8.com\/?page_id=63\">\u611b\u3061\u3083\u3093\u306e\u8a18\u61b6\u3092\u98df\u3079\u3055\u305b\u3066.mp4<\/a><\/div>\n        <div class=\"type\">\u30aa\u30fc\u30c7\u30a3\u30aa \u30d5\u30a1\u30a4\u30eb \u2022 1.2MB<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"win-footer\">1 \u500b\u306e\u9805\u76ee<\/div>\n    <\/div>\n\n    <!-- \u30a6\u30a3\u30f3\u30c9\u30a6 2 -->\n    <div class=\"win-window c\">\n      <div class=\"win-title\">\n        <div class=\"title-text\">\u30c7\u30b9\u30af\u30c8\u30c3\u30d7 \u2192 USB \u30e1\u30e2\u30ea (F:)<\/div>\n        <div class=\"controls\">\n          <button class=\"min\">\u2014<\/button>\n          <button class=\"max\">\u25a2<\/button>\n          <button class=\"close\">\u00d7<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"win-content\">\n        <div class=\"file-row\">\n<div class=\"file-icon\" aria-hidden=\"true\">\n  &#x1F4C4;\n<\/div>\n          <div class=\"file-meta\">\n            <div class=\"name\"><a href=\"https:\/\/www.aichan.azma8.com\/?page_id=168\">\u516c\u6f14\u60c5\u5831.txt<\/a><\/div>\n            <div class=\"type\">\u30c6\u30ad\u30b9\u30c8 \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8 \u2022 4KB<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"win-footer\">1 \u500b\u306e\u9805\u76ee<\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n\/* \u7e26\u4e26\u3073\u30a8\u30ea\u30a2 *\/\n.window-area {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n\/* \u30a6\u30a3\u30f3\u30c9\u30a6\u672c\u4f53 *\/\n.win-window {\n  width: 100%;\n  max-width: 620px;   \/* \u2190 \u3053\u3053\u3067\u201c\u5e83\u304c\u308a\u3059\u304e\u201d\u3092\u6b62\u3081\u308b *\/\n  margin: 0 auto;     \/* \u4e2d\u592e\u5bc4\u305b *\/\n  box-sizing: border-box;\n  border-radius: 8px;\n  background: linear-gradient(#f6f6f6,#e9e9e9);\n  box-shadow: 0 10px 30px rgba(0,0,0,0.25);\n  font-family: \"Segoe UI\", \"Yu Gothic UI\", system-ui, sans-serif;\n  overflow: hidden;\n  border: 1px solid rgba(0,0,0,0.08);\n\n  \/* \u30a2\u30cb\u30e1 *\/\n  opacity: 0;\n  transform: scale(0.95) translateY(-10px);\n  transition: opacity 0.25s ease-out, transform 0.25s ease-out;\n}\n\n.win-window.visible {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n}\n\n.win-window.compact {\n  width: 550px;\n}\n\n\/* \u30bf\u30a4\u30c8\u30eb\u30d0\u30fc *\/\n.win-title {\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  padding: 8px 10px;\n  background: linear-gradient(#dcdcdc,#cfcfcf);\n}\n\n.title-text {\n  font-size:13px;\n  font-weight:600;\n  color:#222;\n\n  white-space: nowrap;        \/* \u6298\u308a\u8fd4\u3055\u306a\u3044 *\/\n  overflow: hidden;           \/* \u306f\u307f\u51fa\u3057\u96a0\u3059 *\/\n  text-overflow: ellipsis;    \/* \u2026 \u3092\u4ed8\u3051\u308b *\/\n  max-width: calc(100% - 80px); \/* \u53f3\u306e\u30dc\u30bf\u30f3\u5206\u3092\u5f15\u304f *\/\n}\n\n.controls {\n  display:flex;\n  gap:6px;\n}\n\n.controls button {\n  width:20px;\n  height:18px;\n  border:none;\n  background:transparent;\n  font-weight:700;\n  cursor:default;\n}\n\n\/* \u4e2d\u8eab *\/\n.win-content {\n  padding:14px;\n  background: linear-gradient(#fff,#f7fbff);\n}\n\n.file-row {\n  display:flex;\n  align-items:center;\n  gap:10px;\n}\n\n.file-icon {\n  width:40px;\n  height:40px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:linear-gradient(#fff,#eaeef6);\n  border-radius:6px;\n  border:1px solid rgba(0,0,0,0.06);\n}\n\n.file-meta .name {\n  font-size:14px;\n  font-weight:600;\n}\n\n.file-meta .type {\n  font-size:12px;\n  color:#666;\n}\n\n\/* \u30d5\u30c3\u30bf\u30fc *\/\n.win-footer {\n  padding:8px 14px;\n  font-size:12px;\n  color:#666;\n  border-top:1px solid rgba(0,0,0,0.05);\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const windows = document.querySelectorAll(\".win-window\");\n  windows.forEach((win, i) => {\n    setTimeout(() => {\n      win.classList.add(\"visible\");\n    }, i * 400);\n  });\n});\n<\/script>\n\n\n\n<div style=\"height:45px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>\u30c7\u30b9\u30af\u30c8\u30c3\u30d7 \u2192 USB \u30e1\u30e2\u30ea (F: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-153","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.aichan.azma8.com\/index.php?rest_route=\/wp\/v2\/pages\/153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aichan.azma8.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aichan.azma8.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aichan.azma8.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aichan.azma8.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=153"}],"version-history":[{"count":27,"href":"https:\/\/www.aichan.azma8.com\/index.php?rest_route=\/wp\/v2\/pages\/153\/revisions"}],"predecessor-version":[{"id":257,"href":"https:\/\/www.aichan.azma8.com\/index.php?rest_route=\/wp\/v2\/pages\/153\/revisions\/257"}],"wp:attachment":[{"href":"https:\/\/www.aichan.azma8.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}